@extends('admin/layouts/default')

@section('title')
Lien Properties
@parent
@stop

{{-- Page content --}}
@section('content')
<section class="content-header">
    <h1>Lien Properties</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                Dashboard
            </a>
        </li>
        <li class="active">Lien Properties</li>
    </ol>
</section>

<section class="content paddingleft_right15">
    <div class="row">
     @include('flash::message')
        <div class="panel panel-success ">
            <div class="panel-heading clearfix">
                <h4 class="panel-title pull-left"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    Properties List
                </h4>
            </div>
            <br />
            <div class="panel-body table-responsive">
                <div class="row col-md-12 form-group">
                    <div class="col-md-2 offset-md-6"><label for="Select_Status">{{Lang::get('Loan End Date Filters')}}:</label></div>
                    <div class="col-md-2">
                        <select class="form-control" id="date_filter" name="date_filter">
                            <option value="">Select Value</option>
                            <option value="0">Loan Due in 30 days</option>
                            <option value="1">Loan Expires in 30 days</option>
                            <option value="2">Loan Overdue</option>
                        </select>
                       
                    </div>
                </div><br>
                <table class="table table-responsive table-striped table-bordered" id="line-property-table" width="100%">
                    <thead>
                     <tr>
                        <th>Customer Name</th>
                        <th>Contact Number</th>
                        <th>Property Reference Number</th>
                        <th>Loan Type</th>
                        <th>Loan Amount</th>
                        <th>Loan Start Date</th>
                        <th>Loan End Date</th>
                        <th>Status</th>
                        <th>Action</th>
                     </tr>
                    </thead>
                </table>
            </div>
        </div>
 </div>
</section>
@stop
@section('footer_scripts')
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}" ></script>
    <script src="//cdn.datatables.net/plug-ins/1.10.11/sorting/date-eu.js" type="text/javascript"></script>
    <script>
        $(document).ready(function() {
        var modal  = $('#line-property-table').DataTable({
            "responsive": true,
            "processing": true,
            "serverSide": true,
            "order": [[ 8, "desc" ]], //or asc 
            ajax: {
                url: "{{ route('lien.get-lien-properties') }}",
                dataType: "json",
                type: "GET",
                data: function(d){
                    d.date_filter       = $("#date_filter").val()
                },
            },
            "columns": [
                { data: "buyer.full_name",render: function (data, type, full) {
                    return  "<a href="+$("#baseurl").val()+'/app/customers/'+full.buyer.id+">"+data+"</a>"; 
                }},
                { data: "buyer.mobile_1"}, 
                { data: "lienProperty.parcel_id",name: "lienProperty.parcel_id",render: function (data, type, full) {
                    return  "<a href="+$("#baseurl").val()+'/admin/properties/'+full.lien_property.property_id+">"+data+"</a>"; 
                }}, 
                { data: "lienProperty.loan_type",name:"lienProperty.loan_type"}, 
                { data: "lienProperty.loan_amount",name:"lienProperty.loan_amount"},
                { data: "lienProperty.loan_start_date"},
                { data: "lienProperty.loan_end_date"},
                { data: "lienProperty.status",name:"lienProperty.status"},
                {data : "id",render: function ( data, type, full ){
             
                        return  "<a href="+$("#baseurl").val()+'/workflow/application/'+full["id"]+"><i class='glyphicon glyphicon-eye-open user-edit' title='View Application'></i></a>"; 
                    },
                "searchable" : false
                }
            ],    
            colReorder: true,
        });

        $('#date_filter').on('change', function(){
            $('#line-property-table').DataTable().ajax.reload();
        });
    } );
</script>
    </script>
@stop