@include('includes.header')
@include('includes.modals')

<!-- Modal -->
<div class="modal fade" id="detailModel" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Business Detail</h4>
            </div>
            <div class="modal-body">
	        	<div align="center" class="col-md-12">
	        		<img id="md_logo" width="200" src="images/m8.jpg" alt="" class="pro-image-front" >
	        	</div>
                <div class="">
	                <h4 id="md_bname">Pizza Hut</h4>
	                <br>

                    <h4>Address</h4>
                    <p id="md_address"address></p>
                    <br>
	                <h4 >Website</h4>
	                <p id="md_website"></p>

	                <br>
	                <h4>Contact:</h4>
	                <p id="md_phone">+1234567890</p>

                    <br>
                    <h4>Other:</h4>
                    <p id="md_phone_other">+1234567890</p>

                    <br>
                    <h4>Offers</h4>
                    <p id="md_offers"></p>

	                <hr>
	                <h4>Description</h4>
	                <p id="md_description"</p>
	                
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>


<!-- banner-bootom-w3-agileits -->
<div class="banner-bootom-w3-agileits">
    <div class="container">
        <!-- mens -->
        <div class="col-md-4 products-left">
            <!-- <div class="filter-price">
                    <h3>Filter By <span>Price</span></h3>
                            <ul class="dropdown-menu6">
                                    <li>                
                                            <div id="slider-range"></div>							
                                            <input type="text" id="amount" style="border: 0; color: #ffffff; font-weight: normal;" />
                                    </li>			
                            </ul>
            </div> -->
            <div class="css-treeview">
                <h4>Categories</h4>
                <ul class="tree-list-pad">
                        <!-- <li><input placeholder="Search" /></li> -->
                    <li><input type="checkbox" checked="checked" id="item-0" />