@extends('layouts.admin')
@section('content')
<div class="container-fluid">
    <div class="row">
        @include('include.admin-sidebar')
        <div class="col-sm-8 col-sm-offset-4 col-md-9 col-md-offset-3 col-lg-10 col-lg-offset-2" id="page-wrapper">
        	<div class="page-title">
            	List Of Contracts
            </div>
            @include('partials.alerts')
            {{ Form::open(['url' => 'admin/contracts', 'method'=>'post']) }} 
            <div class="widget p-md">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class='input-group date' id='datetimepicker1'>
                                        <input type='text' class="form-control bottom-border-line inputNoEnter" name="start_date" Placeholder="From Date" value="{{ $start_date }}" id="start_date"/>
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>                       
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="form-group">
                                    <div class='input-group date' id='datetimepicker2'>
                                        <input type='text' class="form-control bottom-border-line inputNoEnter" name="end_date" Placeholder="To Date" value="{{ $end_date }}" id="end_date"/>
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>                       
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="form-group">
                        <select class="form-control" name="tenant_id" id="search_tenant_id">
                            <option value="0">All Tenants</option>
                                @foreach($tenants as $tenant)
                                    <option value="{{$tenant['id']}}">{{ $tenant['firstname'].' '. $tenant['lastname']. ' - '.$tenant['email'] }}</option>
                                @endforeach
                        </select>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="form-group">
                        <select class="form-control" name="landlord_id" id="search_landlord_id">
                            <option value="0">All Landlords</option>
                                @foreach($landlords as $landlord)
                                    <option value="{{$landlord['id']}}">{{ $landlord['firstname'].' '. $landlord['lastname']. ' - '.$landlord['email'] }}</option>
                                @endforeach
                        </select>
                        </div>
                    </div>


                    
                    <div class="col-md-6 col-sm-12">
                        <div class="form-group">
                            <button type="submit" class="btn btn-sm btn-primary" onclick="return checkFields()">Search</button>
                            <a href="{{ url('admin/contracts') }}" class="btn btn-sm btn-primary-outline">All Contracts</a>
                            <a href="{{ url('admin/export-contracts/'.$tenant_id.'/'.$landlord_id.'/'.$start_date.'/'.$end_date )}}" class="btn btn-sm btn-primary-outline">Export to Excel</a>
                        </div>
                    </div>
                </div>
            </div>
            {{Form::close()}}
            <div class="widget p-md">
            	<div class="table-responsive">
                    <table class="table table-striped table-nowarp" cellpadding="0" cellspacing="0" border="0" id="brandstable">
                        <thead>
                            <tr>
                                <th>Contract ID</th>
                                <th>Property Name</th>
                                <th>Property Address</th>
                                <th>Tenant Name</th>
                                <th>Landlord Name</th>
                                <th>Proposed Rent</th>
                                <th>Contract Date</th>
                                <th>View Contract</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($contracts as $contract)
                            <tr>
                                <td> {{ $contract['id'] }} </td>
                                <td> {{ $contract['property']['name'] }} </td>
                                <td> {{ $contract['property']['address'] }} </td>
                                <td>
                                    <a href="#userDetailsModal" data-toggle="modal" data-id="{{$contract['tenant']['id']}}" class="view-details">{{ $contract['tenant']['firstname'] }} {{ $contract['tenant']['lastname'] }}</a>
                                </td>
                                <td>
                                    <a href="#userDetailsModal" data-toggle="modal" data-id="{{$contract['landlord']['id']}}" class="view-details">{{ $contract['landlord']['firstname'] }} {{ $contract['landlord']['lastname'] }}</a>
                                </td>
                                <td> {{ $contract['bid']['propose_rent'] }} </td>
                                <td> {{ date("j F, Y", strtotime($contract['created_at'])) }} </td>    
                                <td><a href="{{ url('/').'/'.$contract['path'] }}" class="contract btn btn-xs btn-purple" target="_blank"><i class="fa fa-external-link"></i></a></td> 
                            </tr>
                            @endforeach  
                        </tbody>
                    </table>
                </div>
                <br>
                {{ $contracts->appends(['tenant_id' => $tenant_id, 'landlord_id'=>$landlord_id, 'start_date'=>$start_date, 'end_date'=>$end_date])->links() }}
                <div class="paging">
                Records {{ $contracts->firstItem() }} - {{ $contracts->lastItem() }} of {{ $contracts->total() }}
                </div>
              
            </div>
        
        </div>
        
        <div class="col-sm-8 col-sm-offset-4 col-md-9 col-md-offset-3 col-lg-10 col-lg-offset-2 footer text-center">2017 &copy; Bid2Rent</div>
        
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="userDetailsModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></button>
            	<h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
            	<div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="text-muted">Email</label>
                            <p class="email"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                	<div class="col-sm-6">
                        <div class="form-group">
                            <label class="text-muted">Mobile</label>
                            <p class="mobile"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="text-muted">Address</label>
                            <p class="address"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="text-muted">City</label>
                            <p class="city"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
            	<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@include('include.admin-footer')
<script type="text/javascript">
  $(document).ready(function() {
      $("#search_tenant_id").select2({
        allowClear: true
      });
      $("#search_landlord_id").select2({
        allowClear: true
      });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
      $("#search_tenant_id").val("<br />
<b>Warning</b>:  Undefined variable $tenant_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/contract-list.blade.php</b> on line <b>185</b><br />
").trigger("change");
    });
    $(document).ready(function() {
      $("#search_landlord_id").val("<br />
<b>Warning</b>:  Undefined variable $landlord_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/contract-list.blade.php</b> on line <b>188</b><br />
").trigger("change");
    });
</script>

<script type="text/javascript" src="{{ asset('js/moment.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/bootstrap-datetimepicker.js') }}"></script>
<script type="text/javascript">    
    $(window).load(function() {
        $('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-DD',
            useCurrent: false
        });

        $('#datetimepicker2').datetimepicker({
            format: 'YYYY-MM-DD',
            useCurrent: false
        });
    });
</script>
<script>
    $(document).ready(function(){
        $('a.view-details').click(function(){
            var row_id = $(this).data('id');
            jQuery.ajax({
                url: APPURL+'/admin/userDetails/'+row_id,
                method:'GET',
                dataType: 'json',
                cache:false,
                success: function(data){
                    console.log(data);
                    $('.modal-title').text(data.firstname+ " " +data.lastname);
                    $('.email').text(data.email);
                    $('.address').text(data.address);
                    $('.city').text(data.city);
                    $('.mobile').text(data.country_code + "-" +data.mobile);
                    $('.dob').text(data.dob);
                    $('.bio').text(data.short_bio);
                    $('.fb').text(data.facebook_profile);
                    $('.lin').text(data.linkedin_profile);
                }
            });
            $('#userDetailsModal').modal('show');
        });
    });
</script>
<script>
    $(document).ready(function() {
        $("#search_tenant_id").val("<br />
<b>Warning</b>:  Undefined variable $tenant_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/contract-list.blade.php</b> on line <b>235</b><br />
");
        $("#search_landlord_id").val("<br />
<b>Warning</b>:  Undefined variable $landlord_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/contract-list.blade.php</b> on line <b>236</b><br />
");
    });
</script>
@endsection