@extends('layouts.web')
@section('content')
<nav class="navbar navbar-default navbar-fixed-top stuck">
  <div class="container">
      @include('include.navbar')
    </div>
</nav>
<div class="navbar-fixed-padding-top">
@include('include.subnavbar')
  <div class="container">
  		@include('partials.alerts')
    	<div class="breadcrumb-block">
   			<h3><strong>Contracts</strong></h3>
        </div>
        <div class="" id="bidding-list">   
          <form>
              <div class="row"> 
                @foreach($bidding_list as $bid)
                <div class="col-md-6">
                    <div class="white-box white-box-shadow pos-rel">
                    <h3 class="mt-0 mb-0"><a href="{{ url('/properties/detail/'.base64_encode($bid->property->id)) }}"><strong>{{ $bid->property->name }}</strong></a></h3>
                    <p class="text-muted">{{ $bid->property->address }}</p>
                    <hr/>
                    
                    <div class="row">
                    	<div class="col-sm-12">
                        	<h5 class="mt-0"><strong>Landlord Details</strong></h5>
                            <div class="row">
                              <div class="col-sm-6">
                              <div class="form-group">
                              <label class="text-muted">Name</label>
                                <p class="text-capitalize">
                                  <a href="#viewDetails" class="viewDetails"
                                    data-toggle="modal" data-id="{{ $bid->id }}"
                                    data-tenant="{{ $bid['property']['landlord']['firstname'] }} {{ $bid['property']['landlord']['lastname'] }}"
                                    data-email="{{ $bid['property']['landlord']['email'] }}" data-address="{{ $bid['property']['landlord']['address'] }}"
                                    data-code="{{ $bid['property']['landlord']['country_code'] }}" data-mobile="{{ $bid['property']['landlord']['mobile'] }}">
                                    {{ $bid->property->landlord->firstname.' '.$bid->property->landlord->lastname }}
                                    </a>
                                </p>
                            </div>
                          </div>
                    		    <div class="col-sm-6">
                            <div class="form-group">
                            	<label class="text-muted">Bid Status</label>
                                <p>{{ $bid->bidstatus->name }}</p>
                            </div>
                           	</div>
                            <!-- <div class="col-sm-6">
                            <div class="form-group">
                            	<label class="text-muted">Note</label>
                                <p><a href="#landlordNote" data-toggle="modal" class="lnote" data-lnote="{{ $bid->landlord_note }}"><i class="fa fa-file-text"></i> Click to view</a></p>
                            </div>
                            </div> -->
                            
                            <div class="col-sm-6">
                            <div class="form-group">
                              <label class="text-muted">Tenancy Contract Starting Date</label>
                                <p>@if(!empty($bid->tenancy_contract_starting_date)) {{ date("j F, Y", strtotime($bid->tenancy_contract_starting_date)) }} @endif</p>
                            </div>
                            </div>

                            <div class="col-sm-6">
                            <div class="form-group">
                              <label class="text-muted">Tenancy Contract End Date</label>
                                <p>@if(!empty($bid->tenancy_contract_end_date)) {{ date("j F, Y", strtotime($bid->tenancy_contract_end_date)) }} @endif</p>
                            </div>
                            </div>
                            
                            </div>
                        </div>
                    </div>
                        <div class="text-center">
                            <div class="visible-xs pt-5">&nbsp;</div>
                            @if($bid->contract_id != 0)
							                <a href="{{ route('view_contract',[base64_encode($bid->id)]) }}" class="contract btn btn-purple app-edit-bid">View Contract</a>
                             @endif
                            </div>
                      </div>
                </div>
                @endforeach
              </div>
          </form>
        </div>
        {{ $bidding_list->links() }}
  </div>
</div>

<!-- Modal -->
    <div class="modal fade" id="titleDeedModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <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" id="myModalLabel">Property Title Deed</h4>
          </div>
          <div class="modal-body">
            <embed src="" width="100%" height="400px" id="title_deed"/>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>


<!-- Modal for View Details -->
<div class="modal fade" id="viewDetails">
  <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 Details</h4>
      </div>
      <div class="modal-body">
    	<div class="row">
        	<div class="col-sm-6">
            	<label class="mb-0 text-muted">Name</label>
                <p id="name" class="text-capitalize"></p>
            </div>            
        </div>
        <div class="row">
          <div class="col-sm-6">
              <label class="mb-0 text-muted">Email</label>
                <p id="email"></p>
          </div>
        </div>
        <div class="row">
        	<div class="col-sm-6">
            	<label class="mb-0 text-muted">Mobile</label>
                <p id="mob"></p>
            </div>
        </div>
        <div class="row">
        	<div class="col-sm-12">
            	<label class="mb-0 text-muted">Address</label>
                <p id="address"></p>
            </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>

    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal --> 

<!-- 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 text-center">
        <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.footer')
@include('include.scripts')
<script>
  $(function () {   
        $(document).on('click', '.title_deed', function(){
            var title_deed = $(this).data('title-deed');
            title_deed_url = APPURL+'/'+title_deed ;
            $('#title_deed').prop('src',title_deed_url);
        });
    });

    $(function () {   
        $(document).on('click', '.contract', function(){
            var bid_id = $(this).data('id');
            var property_name = $(this).data('property');
            $('.propertyname').text(property_name);
            $('#bidding_id').val(bid_id);
            $('#property_id').val($(this).data('property-id'));
            $('#landlord_id').val($(this).data('landlord'));
            $('#tenant_id').val($(this).data('tenant'));
        });
    });
   
    $(document).on('click', '.viewDetails', function(){
        var code = $(this).data('code');
        var mob = $(this).data('mobile');
        $('#name').text($(this).data('tenant'));
        $('#email').text($(this).data('email'));
        $('#address').text($(this).data('address'));
        $('#mob').text(code + "-" + mob);
        $('#empstat').text($(this).data('empstatus'));
    });

    $(document).on('click', '.tnote', function(){
        $('#tnote').text($(this).data('tnote'));
    });

    $(document).on('click', '.lnote', function(){
        $('#lnote').text($(this).data('lnote'));
    });

    $(document).on('click', '.bidstatus', function(){
      $('#propertyname').val($(this).data('property-name'));
      $('#tenant').val($(this).data('tenant-id'));
      $('#bid_id').val($(this).data('bid-id'));
      $('#bid_status_id').val($(this).data('bid-status-id'));
    });
</script>
<script>
$.validator.addMethod('filesize', function (value, element, param) {
    return this.optional(element) || (element.files[0].size <= param)
}, 'File size must be less than 2 MB');

$("#uploadcontract").validate({
	rules: {
		document: {
			required: true,
			extension: "doc,docx,pdf",
            filesize : 2097152
		}
	},
	messages: {
		document: {
			required: "Required"
		}
	}
});
</script>
@endsection