@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 Bids
            </div>
            {{ Form::open(['url' => 'admin/bids', 'method'=>'post']) }}    
            <div class="widget p-md pb-0">         
                <div class="row">
                	<div class="col-lg-4 col-md-6 col-sm-12">
                    	<div class="row">
                        	<div class="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="Bid Date From" value="{{ $start_date }}" id="start_date"/>
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>                       
                            </div>
                            <div class="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="Bid Date To" 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="property_id" id="property_id">
                                <option value="0">All Properties</option>
                                    @foreach($properties as $key=>$value)
                                        <option value="{{$key}}">{{ $value }}</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="tenant_id" id="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="bid_status_id" id="bid_status">
                                <option value="0">All Status</option>
                                    @foreach($bid_status as $key=>$value)
                                        <option value="{{$key}}">{{ $value }}</option>
                                    @endforeach
                            </select>
                        </div>
                    </div>                              
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="form-group form-group-buttons">
                            <button type="submit" class="btn btn-sm btn-primary" onclick="return checkFields()">Search</button>
                            <a href="{{ url('admin/bids') }}" class="btn btn-sm btn-primary-outline">View All</a>
                        </div>
                    </div>
                </div>
            </div>
            {{Form::close()}}

            @include('partials.alerts')
            @if(sizeof($bids))
            <div class="widget p-md">
            	<div class="text-right">
                	<a href="{{ url('admin/export-bids/'.$tenant_id.'/'.$bid_status_id.'/'.$property_id.'/'.$start_date.'/'.$end_date )}}" class="btn btn-sm btn-warning"><i class="fa fa-file-excel-o"></i> Export to Excel</a>
                </div>
                <hr/>
            	<div class="table-responsive">
                    <table class="table table-striped table-nowarp" cellpadding="0" cellspacing="0" border="0" id="brandstable">
                        <thead>
                            <tr>
                                <th>@sortablelink('id','ID')</th>
                                <th>@sortablelink('property.name','Property Name')</th>
                                <th>Property Address</th>
                                <th>@sortablelink('tenant.firstname','Tenant Name')</th>
                                <th>@sortablelink('propose_rent','Proposed Rent')</th>
                                <th>@sortablelink('move_in_date','Move In Date')</th>
                                <!-- <th>Tenant Note</th> -->
                                <th>Employment Status</th>
                                <!-- <th>Landlord Note</th> -->
                                <th>Bid Status</th>
                                <th>Bid Select Time</th>
                                <th>Created On</th>
                                <th>Contract</th>
                                <th>Tenancy Contract Starting Date</th>
                                <th>Tenancy Contract End Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                            @foreach($bids as $bid)
                            <tr>
                                <td> {{ $bid['id'] }} </td>
                                <td> {{ $bid['property']['name'] }} </td>
                                <td> {{ $bid['property']['address'] }} </td>
                                <td> <a href="#userModal" data-toggle="modal" data-id="{{ $bid['tenant_id'] }}" class="findUser">{{ $bid['tenant']['firstname'] }} {{ $bid['tenant']['lastname'] }}</a> </td>
                                <td> {{ number_format($bid['propose_rent'],2) }} </td>
                                <td> {{ date("j F, Y", strtotime($bid['move_in_date'])) }} </td>
                                <!-- <td><a href="#tenantNote" data-toggle="modal" class="tnote" data-note="{{ $bid['tenant_note'] }}"><i class="fa fa-file-text-o"></i></a></td> -->
                                <td> {{ $bid['EmploymentStatus']['name'] }} </td>
                                <!-- <td><a href="#landlordNote" data-toggle="modal" class="lnote" data-note="{{ $bid['landlord_note'] }}"><i class="fa fa-file-text-o"></i></a></td> -->
                                <td> {{ $bid['BidStatus']['name'] }} </td>
                                <td> {{ (!empty($bid['bid_selection_time'])) ? date("j F, Y g:i:A", strtotime($bid['bid_selection_time'])) : '' }} </td>
                                <td> {{ date("j F, Y g:i:A", strtotime($bid['created_at'])) }} </td>
                                <td>
                                    @if(!empty($bid['tenancy_contract_starting_date']))
                                        <a href="{{ route('admin-view-contract',[base64_encode($bid['id'])]) }}" target="_blank"><i class="fa fa-file-text-o"></i></a>
                                    @endif
                                </td>
                                <td>@if(!empty($bid['tenancy_contract_starting_date'])) {{ date("j F, Y", strtotime($bid['tenancy_contract_starting_date'])) }} @endif</td>
                                <td>@if(!empty($bid['tenancy_contract_end_date'])) {{ date("j F, Y", strtotime($bid['tenancy_contract_end_date'])) }} @endif</td>
                            </tr>

                            @endforeach
                            
                        </tbody>
                    </table>
                </div>
                <br>
                <!-- {{ $bids->appends(['property_id'=>$property_id, 'tenant_id'=>$tenant_id, 'bid_status_id'=>$bid_status_id,'start_date'=>$start_date, 'end_date'=>$end_date])->links() }} -->

                {{ $bids->appends(\Request::except('page'))->render() }}
                
                <div class="paging">
                Records {{ $bids->firstItem() }} - {{ $bids->lastItem() }} of {{ $bids->total() }}
                </div>
            </div>
            @else
                {{ 'No records to display' }}
            @endif
        </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>
<!-- User details Modal -->
<div class="modal fade" id="userModal">
    <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">Tenant Details</h4>
            </div>
            <div class="modal-body">
            	<div class="row">
                	<div class="col-sm-6">
                        <div class="form-group">
                            <label class="text-muted">Name</label>
                            <p class="tenant"></p>
                        </div>
                    </div>
                    <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 class="col-sm-6">
                        <div class="form-group">
                            <label class="text-muted">City</label>
                            <p class="city"></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>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- For showing Tenant Note -->
<div class="modal fade" id="tenantNote">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Tenant Note</h4>
      </div>
      {{ Form::open() }}
      <div class="modal-body">
        <p id="tnote"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
      {{ Form::close() }}
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal --> 

<!-- For showing Landlord Note -->
<div class="modal fade" id="landlordNote">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Landlord Note</h4>
      </div>
      {{ Form::open() }}
      <div class="modal-body">
        <p id="lnote"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
      {{ Form::close() }}
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal --> 

@include('include.admin-footer')
<script type="text/javascript">
  $(document).ready(function() {
      $("#property_id").select2({
        allowClear: true
      });
      $("#tenant_id").select2({
        allowClear: true
      });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
      $("#property_id").val("<br />
<b>Warning</b>:  Undefined variable $property_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/bids.blade.php</b> on line <b>260</b><br />
").trigger("change");
      $("#tenant_id").val("<br />
<b>Warning</b>:  Undefined variable $tenant_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/bids.blade.php</b> on line <b>261</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
        }).on("dp.change", function (e) {
                $('#datetimepicker2').data("DateTimePicker").minDate(e.date);
                $('#todate').val('');
            });

        $('#datetimepicker2').datetimepicker({
            format: 'YYYY-MM-DD',
            useCurrent: false
        }).on("dp.change", function (e) {
                $('#datetimepicker1').data("DateTimePicker").maxDate(e.date);
                $('#todate').val('');
            });
    });
</script>
<script>
  $(document).ready(function() {
    $("#tenant_id").val("<br />
<b>Warning</b>:  Undefined variable $tenant_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/bids.blade.php</b> on line <b>287</b><br />
");
    $("#bid_status").val("<br />
<b>Warning</b>:  Undefined variable $bid_status_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/bids.blade.php</b> on line <b>288</b><br />
");
    $("#property_id").val("<br />
<b>Warning</b>:  Undefined variable $property_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/bids.blade.php</b> on line <b>289</b><br />
");
  });

  $(document).on('click', '.tnote', function(){
    $('#tnote').text($(this).data('note'));
  });
  $(document).on('click', '.lnote', function(){
    $('#lnote').text($(this).data('note'));
  });
</script>

<script type="text/javascript">
$(document).ready(function(){
    $('a.findUser').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){
                $('.tenant').text(data.firstname+' '+data.lastname);
                $('.email').text(data.email);
                $('.mobile').text(data.country_code+'-'+data.mobile);
                $('.address').text(data.address);
                $('.city').text(data.city);
            }
        });
    });
});
</script>
<script type = "text/javascript">
    function checkFields(){
        var start_date = document.getElementById("start_date").value;
        var end_date = document.getElementById("end_date").value;
        if((end_date != "" && start_date == "") || (start_date != "" && end_date == "")){
            alert("Please Choose the From Date/To Date");
            return false;
        }
        else{
            return true;
        }
    }
</script>
@endsection