@extends('layouts.app')

@section('pageTitle', 'Properties')

@section('content')
<div class="page-content" >
                <div class="page-subheading page-subheading-md">
    <ol class="breadcrumb">
        <li><a href="javascript:;">Dashboard</a></li>
        <li><a href="pages-orders.html">Orders</a></li>
        <li class="active"><a href="javascript:;">Order Details</a></li>
    </ol>
</div>
<div class="page-heading page-heading-md">
    <h2>{{$property->property_name}}</h2>
    <a href="">Preview</a>
</div>
 @if (session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
@endif
<div class="container-fluid-md">
    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">Basic Details </h4>
                </div>
                <div class="panel-body">
                     <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Property Type:</strong></div>
                        <div class="col-xs-7 col-lg-8"></div>
                    </div>
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Listing Type:</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$property->listing_type}}</div>
                    </div>
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Property Name</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$property->property_name}}</div>
                    </div>
                    
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Is Active?:</strong></div>
                        <div class="col-xs-7 col-lg-8"><span class="label label-info">{{$property->is_active}}</span></div>
                    </div>
                 
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-danger">
                <div class="panel-heading">
                    <h4 class="panel-title">Customer Details</h4>
                </div>
                <div class="panel-body">
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Name:</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$get_user_details['first_name']}}&nbsp;{{$get_user_details['last_name']}}</div>
                    </div>
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Email:</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$get_user_details['email']}}</div>
                    </div>
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Phone:</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$get_user_details['mobile_number']}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-8">
            <div class="panel panel-success">
                <div class="panel-heading">
                    <h4 class="panel-title">Document and Other Photos </h4>
                </div>
                 <div class="panel-body">
                <div class="table-responsive">
                           <table class="table table-order-items">
                        <thead>
                        <tr>
                            <th>Document Type</th>
                            <th>File</th>
                        </tr>
                        </thead>
                        <tbody>
                         @foreach($docAndOtherPhotos as $docAndOtherPhoto)
                            <tr>
                                <td>
                                    {{$docAndOtherPhoto['doc_type']}}
                                </td>
                                  <td>
                                    <a href="{{asset('storage/imagesPropertyDocumentAndOtherPhotos/'.$docAndOtherPhoto['photo_name'])}}" target="_blank">{{$docAndOtherPhoto['photo_original_name']}}
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                    </table>
                </div>
            </div>
            </div>
            
            <div class="panel panel-success">
                <div class="panel-heading">
                    <h4 class="panel-title">Documents For Verification & Earn Verified/Trusted Badge</h4>
                </div>
                 <div class="panel-body">
                <div class="table-responsive">
                           <table class="table table-order-items">
                        <thead>
                        <tr>
                            <th>Document Type</th>
                            <th>File</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($verificationDocs as $verificationDoc)
                            <tr>
                                <td>
                                    {{$verificationDoc['doc_type']}}
                                </td>
                                  <td>
                                    <a href="{{asset('storage/imagesVerificationDocuments/'.$verificationDoc['photo_name'])}}" target="_blank">{{$verificationDoc['photo_original_name']}}
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                    </table>
                </div>
            </div>
            </div>
            
            
            
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h4 class="panel-title">Document Verified Status</h4>
                </div>
                 <div class="panel-body">
                <div class="table-responsive">
                           <form class="form" action="{{ route('properties.approve-documents', ['id' => $property->id] ) }}" method="post" enctype="multipart/form-data" novalidate>
                @csrf
                <input type="hidden" name="property_id" value="{{$property->id}}">
                <!-- First row for is_document_verified -->
                <div class="form-group row">
                    <div class="col-md-8 col-sm-8">
                        <label class="control-label" for="showInLearn">Is Document Verified?</label>
                        <input type="radio" id="is_document_approved" name="is_document_approved" required value="1" @if($property->is_document_approved == 1){{'Checked'}}@endif> Yes
                        <input type="radio" id="is_document_approved" name="is_document_approved" required value="0" @if($property->is_document_approved == 0){{'Checked'}}@endif> No
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-md-8 col-sm-8">
                        <label class="control-label" for="showInLearn">Is Direct Owner?</label>
                        <input type="radio" id="is_direct_owner" name="is_direct_owner" required value="1" @if($property->is_direct_owner == 1){{'Checked'}}@endif> Yes
                        <input type="radio" id="is_direct_owner" name="is_direct_owner" required value="0" @if($property->is_direct_owner == 0){{'Checked'}}@endif> No
                    </div>
                </div>
                <!-- Second row for remarks -->
                <div class="form-group row">
                    <div class="col-md-8 col-sm-8">
                        <label class="control-label" for="document_approval_remark">Remarks</label>
                        <textarea id="document_approval_remark" class="form-control" name="document_approval_remark" placeholder="" required>{{$property->document_approval_remark}}</textarea>
                    </div>
                </div>
                <!-- Submit button -->
                <div class="form-group row">
                    <div class="col-md-8 col-sm-8">
                        <button type="submit" class="btn btn-primary mr-1 mb-1">Submit</button>
                    </div>
                </div>
            </form>
                </div>
            </div>
            </div>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h4 class="panel-title">Listing Status</h4>
                </div>
                 <div class="panel-body">
                <div class="table-responsive">
                           <form class="form" action="{{ route('properties.approve-property', ['id' => $property->id] ) }}"  method="post" enctype="multipart/form-data" novalidate>
                @csrf   
                <input type="hidden" name="property_id" value="{{$property->id}}">
                <!-- First row for is_document_verified -->
                <div class="form-group row">
                    <div class="col-md-8 col-sm-8">
                        <label class="control-label" for="showInLearn">Is Property Approved?</label>
                        <input type="radio" id="is_active" name="is_active" required value="1" @if($property->is_approved_by_admin == 1){{'Checked'}}@endif> Active
                        <input type="radio" id="is_active" name="is_active" required value="0" @if($property->is_approved_by_admin == 0){{'Checked'}}@endif> Non Active
                    </div>
                </div>
                <!-- Second row for remarks -->
                <div class="form-group row">
                    <div class="col-md-8 col-sm-8">
                        <label class="control-label" for="remarks">Remarks</label>
                        <textarea id="approval_remark" class="form-control" name="approval_remark" placeholder="" required>{{$property->approval_remark}}</textarea>
                    </div>
                </div>
                <!-- Submit button -->
                <div class="form-group row">
                    <div class="col-md-8 col-sm-8">
                        <button type="submit" class="btn btn-primary mr-1 mb-1">Submit</button>
                    </div>
                </div>
            </form>
                </div>
            </div>
            </div>
        </div>
        
        <div class="col-sm-6 col-md-4">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">Address </h4>
                </div>
                <div class="panel-body">
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Street:</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$property->street}}, {{$property->area_hdb_estate}}, {{$property->district}}</div>
                    </div>
                  
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Block No:</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$property->block_no}}</div>
                    </div>
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Level No:</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$property->level_no}}</div>
                    </div>
                    <div class="row margin-sm-bottom">
                        <div class="col-xs-5 col-lg-4"><strong>Unit No:</strong></div>
                        <div class="col-xs-7 col-lg-8">{{$property->unit_no}}</div>
                    </div>
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">
                    <h4 class="panel-title">Property Images</h4>
                </div>
                <div class="panel-body">
                     @foreach($actualUnitPhotos as $actualUnitPhoto)
                     <a href="{{asset('storage/imagesPropertyActualUnit/'.$actualUnitPhoto['photo_name'])}}" target="_blank">{{$actualUnitPhoto['photo_original_name']}}</a><br>
                        @endforeach
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-4">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h4 class="panel-title">Features</h4>
                </div>
                <div class="panel-body">
                    @foreach($features_additional as $feature_additional)
                     {{$feature_additional['additional_feature_name']}}</a><br>
                        @endforeach
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-4">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h4 class="panel-title">Facilities</h4>
                </div>
                <div class="panel-body">
                    @foreach($facilities_additional as $facility_additional)
                     {{$facility_additional['additional_facility_name']}}<br>
                        @endforeach
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-4">
            <div class="panel panel-light">
                <div class="panel-heading">
                    <h4 class="panel-title">History</h4>
                </div>
                <div class="panel-body">
                    <ul class="activity-stream-simple">
                        <li>
                            <span class="label label-success">PAYMENT</span>
                            <strong>$397</strong> from <strong>PayPal</strong>
                            <small class="text-muted">3 days ago</small>
                        </li>
                        <li>
                            <span class="label label-success">PAYMENT</span>
                            <strong>$1,000</strong> from <strong>PayPal</strong>
                            <small class="text-muted">4 days ago</small>
                        </li>
                        <li>
                            <span class="label label-dark">CONFIRMED</span>
                            Order was confirmed
                            <small class="text-muted">5 days ago</small>
                        </li>
                        <li>
                            <span class="label label-info">NEW</span>
                            Order was placed
                            <small class="text-muted">5 days ago</small>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

            </div>
            @endsection