@extends('Web/layout')
@section('title','Plot Activity')
@section('content')
    <div class="pt-3">
        <div class="page-title d-flex">
            <div class="align-self-center">
                <a href="#" data-back-button class="me-3 ms-0 icon icon-xxs bg-theme rounded-s shadow-m">
                <i class="bi bi-chevron-left color-theme font-14"></i>
                </a>
            </div>
            <div class="align-self-center me-auto">
                <h1 class="color-theme mb-0 font-18">Plot Activity
                    
                </h1>
            </div>
            <div class="align-self-center ms-auto">
                    <!-- <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-nintendo-switch" viewBox="0 0 16 16">
                    <path d="M9.34 8.005c0-4.38.01-7.972.023-7.982C9.373.01 10.036 0 10.831 0c1.153 0 1.51.01 1.743.05 1.73.298 3.045 1.6 3.373 3.326.046.242.053.809.053 4.61 0 4.06.005 4.537-.123 4.976-.022.076-.048.15-.08.242a4.14 4.14 0 0 1-3.426 2.767c-.317.033-2.889.046-2.978.013-.05-.02-.053-.752-.053-7.979m4.675.269a1.62 1.62 0 0 0-1.113-1.034 1.61 1.61 0 0 0-1.938 1.073 1.9 1.9 0 0 0-.014.935 1.63 1.63 0 0 0 1.952 1.107c.51-.136.908-.504 1.11-1.028.11-.285.113-.742.003-1.053M3.71 3.317c-.208.04-.526.199-.695.348-.348.301-.52.729-.494 1.232.013.262.03.332.136.544.155.321.39.556.712.715.222.11.278.123.567.133.261.01.354 0 .53-.06.719-.242 1.153-.94 1.03-1.656-.142-.852-.95-1.422-1.786-1.256"/>
                    <path d="M3.425.053a4.14 4.14 0 0 0-3.28 3.015C0 3.628-.01 3.956.005 8.3c.01 3.99.014 4.082.08 4.39.368 1.66 1.548 2.844 3.224 3.235.22.05.497.06 2.29.07 1.856.012 2.048.009 2.097-.04.05-.05.053-.69.053-7.94 0-5.374-.01-7.906-.033-7.952-.033-.06-.09-.063-2.03-.06-1.578.004-2.052.014-2.26.05Zm3 14.665-1.35-.016c-1.242-.013-1.375-.02-1.623-.083a2.81 2.81 0 0 1-2.08-2.167c-.074-.335-.074-8.579-.004-8.907a2.85 2.85 0 0 1 1.716-2.05c.438-.176.64-.196 2.058-.2l1.282-.003v13.426Z"/>
                    </svg></span> -->
            </div>
        </div>
    </div>
    <div class="content">
            <h3 class="font-16 mb-2">Scheme Name</h3>
            <div class="form-label mb-3">
                <select id="scheme_name_select" class="js-states form-control js-choice" onchange="changePlotActivitySchemeName(this);">
                    <option value="">Select Scheme Name</option>
                    @if($scheme_list)
                        @foreach($scheme_list as $key => $value)
                            <option value="{{$value->id}}">{{$value->name}}</option>
                        @endforeach
                    @endif
                </select>
            </div>

            <div class="form-label mb-3">
            <!-- <input type="text" class="form-control rounded-xs" id="plot_name" placeholder="Search Plot Name" onkeyup="searchDailyAvailabilityPlotByName(this)" > -->
            <select id="plot_name" class="form-control" onchange="changePlotActivityPlotName(this);">
                    <option value="">Select Plot Name</option>
                   
                </select>
            <label for="c1" class="color-theme">Search by Plot Name</label>
            </div>

            <div class="row">
                <div class="col-3">
                    <span class="badge border border-yellow-dark color-yellow-dark rounded-s btn-full font-14 All vs" onclick="statusPlotActivityFilter('All')" style="width: 5rem ;padding-top: 10px;padding-bottom: 10px;">All</span>
                </div>
                <div class="col-3">
                    <span class="badge border border-blue-dark color-blue-dark rounded-s btn-full font-14 Available vs" onclick="statusPlotActivityFilter('Available')" style="width: 5rem ;padding-top: 10px;padding-bottom: 10px;">Available</span>
                </div>
                <div class="col-3">
                    <span class="badge border border-pink-dark color-pink-dark rounded-s btn-full font-14 On Hold vs" onclick="statusPlotActivityFilter('On Hold')" style="width: 5rem ;padding-top: 10px;padding-bottom: 10px;">On Hold</span>
                </div>
                <div class="col-3">
                    <span class="badge border border-green-dark color-green-dark rounded-s btn-full font-14 Booked vs" onclick="statusPlotActivityFilter('Booked')" style="width: 5rem ;padding-top: 10px;padding-bottom: 10px;">Booked</span>
                </div>
            </div>
        
    </div>
 
    
    <div class="content1 mb-0 mt-2" id="plotlist">
       
    </div>
    <div id="menu-activity-4" class="offcanvas offcanvas-bottom offcanvas-detached rounded-m">
        <div class="menu-size" style="height:450px;">
            <div class="content">
                <div class="d-flex py-1">
                    <div class="align-self-center">
                        <h2 class="font-700 mb-0"  id="p_a_plot_name"></h2><span id="p_a_new_status"></span>
                        <!-- <h4 class="pt-1 font-14 mb-n1 " id="v_status"></h4> -->
                    </div>
                    <div class="align-self-center ms-auto">
                        <a href="#" class="icon icon-xs me-n2" data-bs-dismiss="offcanvas">
                            <i class="bi bi-x-circle-fill color-red-dark font-16"></i>
                        </a>
                    </div>
                    
                </div>
                <div class="row">
                    <strong class="col-5 color-theme">Scheme Name</strong>
                    <span class="col-7 text-end color-green" id="p_a_SchemeName"></span>
                    <div class="col-12 mt-2 mb-2">
                        <div class="divider my-0"></div>
                    </div>
                    <strong class="col-5 color-theme">Old Status</strong>
                    <span class="col-7 text-end" id="p_a_OldStatus"></span>
                    <div class="col-12 mt-2 mb-2">
                        <div class="divider my-0"></div>
                    </div>
                    <strong class="col-5 color-theme">Plot Activity</strong>
                    <span class="col-7 text-end" id="p_a_PlotActivity"></span>
                    <div class="col-12 mt-2 mb-2">
                        <div class="divider my-0"></div>
                    </div>
                    <strong class="col-5 color-theme">Hold Book Date</strong>
                    <span class="col-7 text-end" id="p_a_hold_book_time"></span>
                    <div class="col-12 mt-2 mb-2">
                        <div class="divider my-0"></div>
                    </div>
                    <strong class="col-5 color-theme">Release Date</strong>
                    <span class="col-7 text-end" id="p_a_release_time"></span>
                    <div class="col-12 mt-2 mb-2">
                        <div class="divider my-0"></div>
                    </div>
                    <strong class="col-5 color-theme">Party Name</strong>
                    <span class="col-7 text-end color-highlight" id="p_a_party_name"></span>
                    <div class="col-12 mt-2 mb-2">
                        <div class="divider my-0"></div>
                    </div>
                    <strong class="col-5 color-theme">Party Email</strong>
                    <span class="col-7 text-end" id="p_a_party_email"></span>
                    <div class="col-12 mt-2 mb-2">
                        <div class="divider my-0"></div>
                    </div>
                    <strong class="col-5 color-theme">Party Phone</strong>
                    <span class="col-7 text-end" id="p_a_party_phone"></span>
                    <div class="col-12 mt-2 mb-2">
                        <div class="divider my-0"></div>
                    </div>
                    
                    
                    <!-- <div class="col-6">
                        <a href="#" data-bs-dismiss="offcanvas" class="btn btn-s btn-full gradient-green shadow-bg shadow-bg-xs">Approve</a>
                    </div>
                    <div class="col-6">
                        <a href="#" data-bs-dismiss="offcanvas" class="btn btn-s btn-full gradient-red shadow-bg shadow-bg-xs">Reject</a>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
 <!-- jQuery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <!-- Select2 -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

 <script>
      $("#plot_name").select2();
    $("#footer-bar").hide();
 </script>
  <script>
    //  var DailyAvailabilityInsertData = JSON.parse(localStorage.getItem('DailyAvailabilityInsertData')); 
    //     if(DailyAvailabilityInsertData == null){
    //         window.location.href = site_url;
    //     }else{
    //         $("#schemname_display").html(DailyAvailabilityInsertData.scheme_name);
    //         $("#scheme_name_select").val(DailyAvailabilityInsertData.scheme_id);
    //     }
   

    function changePlotActivityPlotName(){
        GetPlotActivityData();
    }

       
 </script>
 <style>
.select2-container .select2-selection--single {
    height: 42px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px!important;
}
  </style>
@endsection