@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>Manage Properties</strong></h3>
        </div>
        
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" id="nav-tabs" role="tablist">
            <li role="presentation" id="nav-all" class="active"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">All</a></li>
            <li role="presentation" id="nav-live"><a href="#live" aria-controls="home" role="tab" data-toggle="tab">Live</a></li>
            <li role="presentation" id="nav-rented"><a href="#rented" aria-controls="profile" role="tab" data-toggle="tab">Rented</a></li>
            <li role="presentation" id="nav-expired"><a href="#expired" aria-controls="messages" role="tab" data-toggle="tab">Expired</a></li>
            <li role="presentation" id="nav-pending"><a href="#pending" aria-controls="settings" role="tab" data-toggle="tab">Pending</a></li>
        </ul>
        
        <!-- Tab panes -->
        <div class="tab-content" id="tab-content">
            <div role="tabpanel" class="tab-pane pt-0 active" id="all">
                <div class="white-box white-box-shadow">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <th>Property Name</th>
                            <th>Address</th>
                            <th>Available From</th>
                            <th>Bid Closure Date</th>
                            <th>Yearly Price</th>
                            <th>Bid Count</th>
                            <th>View Count</th>
                            <th>Status</th>
                            <th>Added On</th>
                            <th width="80px" class="text-right"></th>
                        </thead>
                        <tbody>
                        @if(sizeof($all_properties))
                            @foreach($all_properties as $property)
                                <tr>
                                    <td><a href="{{ url('/').'/properties/detail/'.base64_encode($property['id']) }}">{{ $property['name'] }}</a></td>
                                    <td>{{ $property['address'] }}</td>
                                    <td>{{ date("j F, Y", strtotime($property['available_from'])) }}</td>
                                    <td>{{ date("j F, Y", strtotime($property['bid_closure_date'])) }}</td>
                                    <td>{{ number_format($property['yearly_price'],2) }}</td>
                                    <td><a href="{{ url('/biddings/property-biddings/'.base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])) }}">{{ $property['bid_count'] }}</a></td>
                                    <td>{{ $property['view_count'] }}</td>
                                    <td>{{ $property['PropertyStatus']['name'] }}</td>
                                    <td>{{ date("j F, Y", strtotime($property['created_at'])) }}</td>
                                    <td class="text-right">
                                        @if($property['property_status_id'] != 5)
                                            <a href="{{ route('editProperty',[base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])]) }}"><i class="fa fa-edit" data-toggle="tooltip" data-placement="left" title="Edit Property"></i> Edit</a></td>
                                        @endif
                                </tr>
                            @endforeach            
                        @else
                            <tr>
                                <td><p>No content to display</p></td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                </div>
                {{ $all_properties->appends('all')->render() }}
                <div class="paging">
                Records {{ $all_properties->firstItem() }} - {{ $all_properties->lastItem() }} of {{ $all_properties->total() }}
                </div>

                </div>
            </div>

            <div role="tabpanel" class="tab-pane pt-0" id="live">
            	<div class="white-box white-box-shadow">
            	<div class="table-responsive">
                    <table class="table">
                        <thead>
                            <th>Property Name</th>
                            <th>Address</th>
                            <th>Available From</th>
                            <th>Bid Closure Date</th>
                            <th>Yearly Price</th>
                            <th>Bid Count</th>
                            <th>View Count</th>
                            <th width="80px" class="text-right"></th>
                        </thead>
                        <tbody>
                        @if(sizeof($live_properties))
                            @foreach($live_properties as $property)
                                <tr>
                                    <td><a href="{{ url('/').'/properties/detail/'.base64_encode($property['id']) }}">{{ $property['name'] }}</a></td>
                                    <td>{{ $property['address'] }}</td>
                                    <td>{{ date("j F, Y", strtotime($property['available_from'])) }}</td>
                                    <td>{{ date("j F, Y", strtotime($property['bid_closure_date'])) }}</td>
                                    <td>{{ number_format($property['yearly_price'],2) }}</td>
                                    <td><a href="{{ url('/biddings/property-biddings/'.base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])) }}">{{ $property['bid_count'] }}</a></td>
                                    <td>{{ $property['view_count'] }}</td>
                                    <td class="text-right"><a href="{{ route('editProperty',[base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])]) }}"><i class="fa fa-edit" data-toggle="tooltip" data-placement="left" title="Edit Property"></i> Edit</a></td>
                                </tr>
                            @endforeach            
                        @else
                            <tr>
                                <td><p>No content to display</p></td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                </div>
                {{ $live_properties->appends('live')->render() }}
                <div class="paging">
                Records {{ $live_properties->firstItem() }} - {{ $live_properties->lastItem() }} of {{ $live_properties->total() }}
                </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane pt-0" id="rented">
            	<div class="white-box white-box-shadow">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <th>Property Name</th>
                                <th>Address</th>
                                <th>Bid Closure Date</th>
                                <th>Yearly Price</th>
                                <th>Bid Count</th>
                                <th>View Count</th>
                            </thead>
                            <tbody>
                                @if(sizeof($rented_properties))
                                    @foreach($rented_properties as $property)
                                        <tr>
                                            <td><a href="{{ url('/').'/properties/detail/'.base64_encode($property['id']) }}">{{ $property['name'] }}</a></td>
                                            <td>{{ $property['address'] }}</td>
                                            <td>{{ date("j F, Y", strtotime($property['bid_closure_date'])) }}</td>
                                            <td>{{ number_format($property['yearly_price'],2) }}</td>
                                            <td><a href="{{ url('/biddings/property-biddings/'.base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])) }}">{{ $property['bid_count'] }}</a></td>
                                            <td>{{ $property['view_count'] }}</td>
                                        </tr>
                                    @endforeach            
                                @else
                                    <tr>
                                        <td><p>No content to display</p></td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                    {{ $rented_properties->appends('rented')->render() }}
                    <div class="paging">
                    Records {{ $rented_properties->firstItem() }} - {{ $rented_properties->lastItem() }} of {{ $rented_properties->total() }}
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane pt-0" id="expired">
            	<div class="white-box white-box-shadow">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <th>Property Name</th>
                                <th>Address</th>
                                <th>Bid Closure Date</th>
                                <th>Yearly Price</th>
                                <th>Bid Count</th>
                                <th>View Count</th>
                            </thead>
                            <tbody>
                                @if(sizeof($expired_properties))
                                    @foreach($expired_properties as $property)
                                        <tr>
                                            <td><a href="{{ route('editProperty',[base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])]) }}">{{ $property['name'] }}</a></td>
                                            <td>{{ $property['address'] }}</td>
                                            <td>{{ date("j F, Y", strtotime($property['bid_closure_date'])) }}</td>
                                            <td>{{ number_format($property['yearly_price'],2) }}</td>
                                            <td><a href="{{ url('/biddings/property-biddings/'.base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])) }}">{{ $property['bid_count'] }}</a></td>
                                            <td>{{ $property['view_count'] }}</td>
                                        </tr>
                                    @endforeach            
                                @else
                                    <tr>
                                        <td><p>No content to display</p></td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>

                    {{ $expired_properties->appends('expired')->render() }}
                    <div class="paging">
                    Records {{ $expired_properties->firstItem() }} - {{ $expired_properties->lastItem() }} of {{ $expired_properties->total() }}
                    </div>

                </div>
            </div>
            <div role="tabpanel" class="tab-pane pt-0" id="pending">              
            	<div class="white-box white-box-shadow">
                    @if(empty(Auth::user()->document) || empty(Auth::user()->passport))
                	<div class="form-group text-center bg-danger text-danger p-15 font-weight-500">You have to upload your Emirates ID/Passport Copy for getting your property live</div> 
                    @endif
                    <div class="table-responsive">                         
                        <table class="table">
                            <thead>
                                <th>Property Name</th>
                                <th>Address</th>
                                <th>Available From</th>
                                <th>Bid Closure Date</th>
                                <th>Yearly Price</th>
                                <th>View Count</th>
                                <th>Status</th>
                                <th width="80px" class="text-right"></th>
                            </thead>
                            <tbody>
                                @if(sizeof($pending_properties))
                                    @foreach($pending_properties as $property)
                                        <tr>
                                            <td><a href="{{ url('/').'/properties/detail/'.base64_encode($property['id']) }}">{{ $property['name'] }}</a></td>
                                            <td>{{ $property['address'] }}</td>
                                            <td>{{ date("j F, Y", strtotime($property['available_from'])) }}</td>
                                            <td>{{ date("j F, Y", strtotime($property['bid_closure_date'])) }}</td>
                                            <td>{{ number_format($property['yearly_price'],2) }}</td>
                                            <td>{{ $property['view_count'] }}</td>
                                            <td>{{ $property['PropertyStatus']['name'] }}</td>
                                            <td class="text-right"><a href="{{ route('editProperty',[base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])]) }}"><i class="fa fa-edit" data-toggle="tooltip" data-placement="left" title="Edit Property"></i> Edit</a></td>
                                        </tr>
                                    @endforeach            
                                @else
                                    <tr>
                                        <td><p>No content to display</p></td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                    {{ $pending_properties->appends('pending')->render() }}
                    <div class="paging">
                    Records {{ $pending_properties->firstItem() }} - {{ $pending_properties->lastItem() }} of {{ $pending_properties->total() }}
                    </div>
                </div>
            </div>
        </div>
        
        



</div>
</div>

@include('include.footer')
@include('include.scripts')
<script>
$(function(){
	/*var pgurl = window.location.href.substring(window.location.href.lastIndexOf('='),0);
	pgurlnxt = pgurl.substring(pgurl.lastIndexOf('&'));
	var pgurlrst = pgurlnxt.replace(/[^a-z]/g, "");
	console.log(pgurlrst);*/
	var filter = "{{ $filter }}";

    console.log(filter);
        
	if(filter == 'live'){
		$('#nav-tabs li').removeClass("active");
		$('#nav-tabs li#nav-live').addClass("active");
		$('#tab-content .tab-pane').removeClass("active");
		$('#tab-content #live').addClass("active");
	}else if(filter == 'rented'){
		$('#nav-tabs li').removeClass("active");
		$('#nav-tabs li#nav-rented').addClass("active");
		$('#tab-content .tab-pane').removeClass("active");
		$('#tab-content #rented').addClass("active");
	}else if(filter == 'expired'){
		$('#nav-tabs li').removeClass("active");
		$('#nav-tabs li#nav-expired').addClass("active");
		$('#tab-content .tab-pane').removeClass("active");
		$('#tab-content #expired').addClass("active");
	}else if(filter == 'pending'){
		$('#nav-tabs li').removeClass("active");
		$('#nav-tabs li#nav-pending').addClass("active");
		$('#tab-content .tab-pane').removeClass("active");
		$('#tab-content #pending').addClass("active");
	}else {
		$('#nav-tabs li').removeClass("active");
		$('#nav-tabs li#nav-all').addClass("active");
		$('#tab-content .tab-pane').removeClass("active");
		$('#tab-content #all').addClass("active");
	}
});
</script>
@endsection