@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 Properties
            </div>
            {{ Form::open(['url' => 'admin/properties', '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="Added 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="Added 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($all_properties as $property)
                                        <option value="{{ $property['id'] }}">{{ $property['name'].' ('.$property['reference_number'].')' }}</option>
                                    @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6">
                    	<div class="form-group">
                            <select class="form-control selectpicker" name="landlord_id" id="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-lg-4 col-md-6 col-sm-6">
                    	<div class="form-group">
                            <select class="form-control selectpicker" name="property_status_id" id="property_status">
                                <option value="0">All Status</option>
                                    @foreach($property_status as $status)
                                        <option value="{{$status['id']}}">{{ $status['name'] }}</option>
                                    @endforeach
                            </select>
                        </div>
                    </div>                                                                          
                    
                    <div class="col-lg-8 col-md-12 col-sm-12">
                        <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/properties') }}" class="btn btn-sm btn-primary-outline">View All</a>
                        </div>
                    </div>
                </div>
            </div>
            {{Form::close()}}
            @include('partials.alerts')
            @if(sizeof($properties))
            <div class="widget p-md">
            	<div class="text-right">
                	<a href="{{ url('admin/export-properties/'.$landlord_id.'/'.$property_status_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('name','Property Name')</th>
                                <th>Reference Number</th>
                                <th>@sortablelink('landlord.firstname','Landlord')</th>
                                <th>Address</th>
                                <th>Apt/Villa Number</th>
                                <th>Area (Sq Foot)</th>
                                <th>@sortablelink('yearly_price','Yearly Price')</th>
                                <th>@sortablelink('monthly_rent','Monthly Rent')</th>
                                <th>Security Deposit</th>
                                <th>Total Price /Year</th>
                                <th>@sortablelink('available_from','Available From')</th>
                                <th>@sortablelink('bid_closure_date','Bid Closure')</th>
                                <th>Bid Count</th>
                                <th>View Count</th>
                                <th>Number of Payments</th>
                                <th>Status</th>
                                <th>@sortablelink('bid_selected','Bid Selected')</th>
                                <th>Added On</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($properties as $property)
                            <tr>
                                <td>{{ $property['id'] }}</td>
                                <td><a href="{{ url('/').'/admin/property-detail/'.base64_encode($property['id']) }}" target="_private">{{ $property['name'] }}</a></td>
                                <td>{{ $property['reference_number'] }}</td>
                                <td><a href="#userModal" data-toggle="modal" data-id="{{ $property['landlord_id'] }}" class="findUser">{{ $property['user']['firstname'].' '.$property['user']['lastname'] }}</a></td>                                
                                <td>{{ $property['address'] }}</td>
                                <td>{{ $property['unit'] }}</td>
                                <td>{{ $property['area'] }}</td>
                                <td>{{ number_format($property['yearly_price'],2) }}</td>
                                <td>{{ number_format($property['monthly_rent'],2) }}</td>
                                <td>{{ number_format($property['security_deposit'],2) }}</td>
                                <td>{{ number_format($property['monthly_rent']*12,2) }}</td>
                                <td>{{ date("j F, Y", strtotime($property['available_from'])) }}</td>
                                <td>{{ date("j F, Y", strtotime($property['bid_closure_date'])) }}</td>
                                <td class="text-center">
                                {{ Form::open(['url' => 'admin/bids', 'method'=>'post']) }}
                                        <input type="hidden" name="property_id" value="{{ $property['id'] }}">
                                        <input type="submit" class="btn btn-xs btn-purple btn-circle" value="{{ $property['bid_count'] }}"/>
                                    {{ Form::close() }}
                                
                                </td>
                                <td>{{ $property['view_count'] }}</td>
                                <td>{{ $property['noOfPayments']['name'] }}</td>
                                <td>{{ $property['PropertyStatus']['name'] }}</td>
                                <td>
                                    @if($property['bid_selected']==1)
                                        @if(!empty($property['bidding']))
                                            <a href="#bidModal" data-toggle="modal" data-id="{{$property['bidding'][0]['id'] }}" class="findBid">Yes</a> 
                                        @endif
                                    @else 
                                        {{'No'}} 
                                    @endif                                    
                                </td>

                                <td>{{ date("j F, Y g:i:A", strtotime($property['created_at'])) }}</td>
                                <td class="text-right actions-icons">
                                    <!-- <a href="#mpropertyModal" onclick="" role="button" data-toggle="modal" data-id="{{ $property['id'] }}" class="edit-item"><i class="fa fa-edit" data-toggle="tooltip" title="Edit"></i></a> -->
                                    <a href="#mpropertyModal" data-toggle="modal" data-id="{{$property['id']}}" class="edit-item">Info</a> /
                                    <a href="#editPropertyModal" data-toggle="modal" data-id="{{$property['id']}}" class="edit-property">Edit</a>
                                <!--<a href="javascript:void(0);"><i class="fa fa-trash" data-toggle="tooltip" title="Delete"></i></a>-->
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- {{ $properties->appends(['landlord_id'=>$landlord_id, 'property_status_id'=>$property_status_id, 'start_date'=>$start_date, 'end_date'=>$end_date])->links() }} -->
                {{ $properties->appends(\Request::except('page'))->render() }}
                <div class="paging">
                Records {{ $properties->firstItem() }} - {{ $properties->lastItem() }} of {{ $properties->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>

<!-- Modal -->
<div class="modal fade" id="mpropertyModal">
    <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">Property Term</label>
                            <p class="property_term"></p>
                        </div>
                    </div>
                </div>

            	<div class="row">
                	<div class="col-sm-6">
                        <div class="form-group">
                            <label class="text-muted">Emirate</label>
                            <p class="emirate"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="text-muted">Property Type</label>
                            <p class="property_type"></p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="text-muted">Bedrooms</label>
                            <p class="bedrooms"></p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="text-muted">Washrooms</label>
                            <p class="washrooms"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                	<div class="col-sm-12">
                        <div class="form-group">
                            <label class="text-muted">Viewing Option</label>
                            <p class="viewing-option"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="text-muted">Description</label>
                            <p class="description"></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>

<!-- Modal -->
<div class="modal fade" id="editPropertyModal">
    <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>
            {{ Form::open(['url' => 'admin/edit-property', 'method'=>'post']) }}
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="text-muted">Property Status</label>
                            <select name="edit_property_status" id="edit_property_status_id" class="form-control">
                                @foreach($property_status as $status)
                                    <option value="{{ $status['id'] }}">{{ $status['name'] }} </option>
                                @endforeach
                            </select>
                        </div>
                        <input type="hidden" id="edit_property_id" name="edit_property_id">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-purple">Submit</button>
            </div>
            {{ Form::close() }}
        </div>
    </div>
</div>



<!-- Modal -->
<div class="modal fade" id="bidModal">
    <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">Bid Details</h4>
            </div>
            <div class="modal-body">
            	<div class="row">
                	<div class="col-sm-6">
                        <div class="form-group">
                            <label class="text-muted">Tenant</label>
                            <p class="tenant"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="text-muted">Proposed Rent</label>
                            <p class="rent"></p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="text-muted">Move In date</label>
                            <p class="move_date"></p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="text-muted">Bid Status</label>
                            <p class="status"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                	<div class="col-sm-12">
                        <div class="form-group">
                            <label class="text-muted">Tenant Note</label>
                            <p class="tnote"></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>
<!-- 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">Landlord 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>
@include('include.admin-footer')
<script type="text/javascript">
  $(document).ready(function() {
      $("#landlord_id").select2({
        allowClear: true
      });
      $("#property_id").select2({
        allowClear: true
      });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
      $("#landlord_id").val("<br />
<b>Warning</b>:  Undefined variable $landlord_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/property-list.blade.php</b> on line <b>396</b><br />
").trigger("change");
      $("#property_id").val("<br />
<b>Warning</b>:  Undefined variable $property_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/property-list.blade.php</b> on line <b>397</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(){
        $('a.edit-item').click(function(){
            var row_id = $(this).data('id');
            jQuery.ajax({
                url: APPURL+'/admin/propertiesform/'+row_id,
                method:'GET',
                dataType: 'json',
                cache:false,
                success: function(data){
                    console.log(data);
                    $('.modal-title').text(data.name);
                    $('.emirate').text(data.emirate.name);
                    $('.property_type').text(data.property_type.name);
                    $('.viewing-option').text(data.vieweing_option.name);
                    $('.bedrooms').text(data.bedroom_size.name);
                    $('.washrooms').text(data.washroom_size.name);
                    $('.description').text(data.description);

                    var property_term = data.property_term;
                    if(property_term == 1)
                        $('.property_term').text('Short Term');
                    else
                        $('.property_term').text('Long Term');                                                

                }
            });
            //$('#mpropertyModal').modal('show');
        });
    });

    /*Edit Property Modal */
    $(document).ready(function(){
        $('a.edit-property').click(function(){
            var row_id = $(this).data('id');
            jQuery.ajax({
                url: APPURL+'/admin/propertiesform/'+row_id,
                method:'GET',
                dataType: 'json',
                cache:false,
                success: function(data){
                    $('.modal-title').text(data.name);
                    $('#edit_property_status_id').val(data.property_status_id);
                    $('#edit_property_id').val(row_id);
                }
            });
            //$('#editPropertyModal').modal('show');
        });
    });
    /* Ends Here */


    $(document).ready(function(){
        $('a.findBid').click(function(){
            var row_id = $(this).data('id');
            jQuery.ajax({
                url: APPURL+'/biddings/bidform/'+row_id,
                method:'GET',
                dataType: 'json',
                cache:false,
                success: function(data){
                    console.log(data);
                    $('.tenant').text(data.tenant.firstname+' '+data.tenant.lastname);
                    $('.rent').text(data.propose_rent);
                    $('.move_date').text(data.move_in_date);
                    $('.status').text(data.bid_status.name);
                    $('.tnote').text(data.tenant_note);
                }
            });
            //$('#bidModal').modal('show');
        });
    });


    $(document).ready(function() {
        $("#landlord_id").val("<br />
<b>Warning</b>:  Undefined variable $landlord_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/property-list.blade.php</b> on line <b>496</b><br />
");
        $("#property_status").val("<br />
<b>Warning</b>:  Undefined variable $property_status_id in <b>/home/albumbz/public_html/bid2rent/resources/views/admin/property-list.blade.php</b> on line <b>497</b><br />
");
    });

</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);
            }
        });
        //$('#userModal').modal('show');
    });
});
</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