{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')
<!-- <div class="card card-custom"  style="background:#cccccc"> 
        <div class="card-body">           
            <div class="col-lg-12 col-xl-12 ">
                <form>
                    <div class="row align-items-center d-flex"> 
                        
                        <div class=" col-md-2">
                             {!! Form::select('postcode', $post_code , '', ['class' => 'form-control', 'id' => 'filter_postcode_property_admin',  'placeholder' => 'Full Post Code']) !!}
                        </div>
                        <div class=" col-md-2">
                            <select name="platform" id="filter_platform_admin" class="form-control"  >
                                <option value="">Platform</option>
                                <option value="0">Right move</option>
                                <option value="1">Zoopla</option>
                            </select>
                        </div>
                        <div class=" col-md-3">
                            <input class="form-control date_from" type="text" placeholder='Date From' name='date_from' value=''>
                        </div>
                        <div class=" col-md-3">
                        
                            <input class="form-control date_to" type="text" placeholder='Date To' name='date_to' value=''>
                        </div>
                        
                        <div class="col-md-1">
                            <button type="button" data-btn="Update Status" id="" class="btn btn-primary px-6 font-weight-bold btn_click filter">
                            Filter</button>
                        </div> 

                        <div class="col-md-1">
                            <button type="reset"  id="clear_filter12" class="btn btn-danger px-6 font-weight-bold btn_click">
                            Clear</button>
                        </div> 
                    </div>
                </form>                
            </div>
        </div>
    </div> -->

    <div class="card card-custom">  
        <div class="card-body">
            <!--begin::Search Form-->
            <!-- <div class="mt-2 mb-5 mt-lg-5 mb-lg-10">
                <div class="row align-items-center">
                    <div class="col-lg-12 col-xl-12">
                        <div class="row align-items-center">
                           
                            <div class="col-md-4 my-2 my-md-0">
                                <div class="d-flex align-items-center ">
                                    
                                    <div class="ml-2">
                                         {!! Form::select('postcode', $post_code , '', ['class' => 'form-control', 'id' => 'filter_postcode_property_admin',  'placeholder' => 'Full Post Code']) !!}

                                    </div>
                                    <div class="ml-2">
                                        <select name="platform" id="filter_platform_admin" class="form-control"  >
                                            <option value="">Platform</option>
                                            <option value="0">Right move</option>
                                            <option value="1">Zoopla</option>
                                        </select>
                                    </div>
                                    
                                   
                                
                                   
                                </div>
                            </div>
                            <div class="col-md-4 my-2 my-md-0">
                                <div class="d-flex align-items-center ">
                                    
                                    <div class="ml-2">
                                        <input class="form-control date_from" type="text" placeholder='Date From' name='date_from' value=''>
                                    </div>
                                    <div class="ml-2">
                                    
                                        <input class="form-control date_to" type="text" placeholder='Date To' name='date_to' value=''>
                                    </div>
                                   
                                    <div class="ml-2">
                                        <button type="submit" data-btn="Update Status" id="" class="btn btn-primary px-6 font-weight-bold btn_click filter">
                                        Filter</button>
                                    </div> 
                                     
                                
                                   
                                </div>
                            </div>

                       

                        </div>
                    </div>                   
                </div>
            </div> -->
            <!--end::Search Form-->

            <table class="table table-bordered table-hover display" id="propertyDatatable"  style="width:100%">
                <thead>
                <tr>
                  
                    <th class="mw-110">Post Code</th>
                    <th width="20%">Address</th>
                    <th class="mw-90">Price</th>
                    <th>List Date</th>
                    <th>Estate Agents</th>
                    <th>Type</th>
                    <th>Portal Url</th>
                    <th>Street View</th>
                   
                   
                </tr>
                </thead>
                <tbody>
                
                </tbody>
            </table>
        </div>
    </div>
 <!-- Filter modal start  --> 
    <div class="modal fade" id="propertyFilterModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalSizeLg" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Filters</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="card-body">
                            <div class="form-group row">
                                <div class="col-lg-6">
                                    

                                    <label>Post code:</label>
                                    {!! Form::select('postcode', $post_code , '', ['class' => 'form-control', 'id' => 'filter_postcode_property',  'placeholder' => 'Full Post Code']) !!}
                                 
                                </div>
                                <div class="col-lg-6">
                                    <label>Type:</label>
                                    <select name="property_type" id="filter_property_type_property" class="form-control"  >
                                        <option value="0">Type</option>
                                        @foreach($property as $code)
                                       
                                        <option value="{{$code->property_type}}">{{ucfirst($code->property_type)}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> 
                            <div class="form-group row">
                                 <div class="col-lg-6">
                                    <label>Platform:</label>
                                 
                                    <select name="flag" id="filter_platform" class="form-control" >
                                            <option value="-1">Select Platform</option>
                                            <option value="0">Rightmove</option>
                                            <option value="1">Zoopla</option>
                                        </select>
                                </div>
                               
                                <div class="col-lg-6">
                                    <label>Estate Agent:</label>
                                 
                                    <select name="flag" id="filter_agent" class="form-control" >
                                            <option value="0">Select Agent</option>
                                            @foreach($agency as $agent)
                                            <option value="{{$agent->id}}">{{$agent->name}}</option>
                                            @endforeach
                                        </select>
                                </div>
                               
                            </div>
                            <!--  <div class="form-group row">
                                 <div class="col-lg-6">
                                    <label>Outcode:</label>
                                 
                                    <select name="flag" id="filter_outcode" class="form-control" >
                                            <option value="0">Select Outcode</option>
                                            @foreach($outcode as $code)
                                            <option value="{{$code->id}}">{{$code->outcode}}</option>
                                            @endforeach
                                        </select>
                                </div>
                               
                            </div> -->
                           
                            <div class="form-group row">
                                <div class="col-lg-6">
                                    <label>Date from:</label>
                                 
                                    <input class="form-control date_from" type="text" placeholder='Date from' name='date_from' value=''>
                                </div> 
                                <div class="col-lg-6">
                                    <label>Date to:</label>
                                 
                                    <input class="form-control date_to" type="text" placeholder='Date to' name='date_to' value=''>
                                </div>
                              
                            </div>
                        </div>
                    </form>
                       
                </div>      
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary font-weight-bold filterAdminProperty">Apply Filter</button>
                        <button type="button" class="btn btn-primary font-weight-bold" id="clear_filter">Clear</button>
                    </div>
                </div>
        </div>
    </div>
 <!-- Filter modal end  -->      
    
@endsection

{{-- Styles Section --}}
@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="{{asset('css/pages/bootstrap-datepicker.css')}}">
        <link rel="stylesheet" href="{{asset('css/pages/style.css')}}">

@endsection


{{-- Scripts Section --}}
@section('scripts')
    {{-- vendors --}}
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>

    {{-- page scripts --}}
    <!-- <script src="{{ asset('js/pages/crud/datatables/basic/basic.js') }}" type="text/javascript"></script> -->
	<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
	<script src="{{ asset('js/developer/property.js') }}" type="text/javascript"></script>
	<!-- <script src="{{ asset('js/developer/formValidation.js') }}" type="text/javascript"></script> -->

    <script src="{{ asset('js/pages/crud/forms/widgets/bootstrap-datepicker.js')}}"></script>
    <script type="text/javascript">
       
    $( document ).ready(function() {
         $('.date_from').datepicker({
            format: 'dd-mm-yyyy',
            todayHighlight:true,
         });
          $('.date_to').datepicker({
            format: 'dd-mm-yyyy',
            todayHighlight:true,
         });

     });
  
    </script>
    <script>
       
            var url = '