@extends('fronted.layout.main')
@section('adcontent')
<style>
   #expenses_list {
      list-style-type: none;
   }

   #expenses_list li {
      display: inline-block;
   }

   #expenses_table #roomSeatTable td {
      color: black;
   }

   .dataTables_filter {
      margin-bottom: 10px;
   }

   .expensesfilter input {
      font-size: 0.8rem;
   }

   .expensesfilter label {
      font-size: 0.8rem;
   }

   .expensesfilter input:focus {
      box-shadow: none;
   }

   table.dataTable thead th,
   table.dataTable thead td,
   table.dataTable tfoot th,
   table.dataTable tfoot td {
      text-align: center;
   }

   #expenses_list li {
      width: 29px;
      display: inline-block;
   }

   table.dataTable thead th,
   table.dataTable thead td {
      padding: 8px;
      border-bottom: 0;
   }

   .dataTables_wrapper .dataTables_filter input {
      border: 1px solid #aaa;
      border-radius: 3px;
      padding: 0px;
      background-color: transparent;
      margin-left: 3px;
   }

   .mealdatable table {
      margin-bottom: 0;
   }

   .dataTables_wrapper .dataTables_info {
      font-size: 12px;
      padding: 5px;
   }

   .dataTables_paginate {
      padding: 0;
      font-size: 12px;
   }

   .dataTables_wrapper .dataTables_paginate .paginate_button {
      padding: 0;
   }

   .addmenuscroll .table-responsive {
      overflow-x: initial;
   }
   .p-text{
      margin:0;
   }
</style>
@if ($message = Session::get('lead'))
<script>
   Swal.fire({
      icon: 'success',
      text: 'Status Change',
   })
</script>
@endif
@if ($message = Session::get('leadbook'))
<script>
   Swal.fire({
      icon: 'success',
      text: 'Booking Done',
   })
</script>
@endif
@if ($message = Session::get('delete'))
<script>
   Swal.fire({
      icon: 'success',
      text: 'Lead has been deleted successfully.',
   })
</script>
@endif
@php
$totallead = DB::table('leadmanagers')->count('id');
$acceptedlead = DB::table('leadmanagers')->where('leadstatus', 0)->count();
$unacceptedlead = DB::table('leadmanagers')->where('leadstatus','1')->count();
$currentDate = date('Y-m-d');
$todaylead = DB::table('leadmanagers')->whereDate('created_at', $currentDate)->count()
@endphp
<div class="container-fluid mt-3 mb-0">
   <div class="container">
      <div class="row">
         <div class="col-md-2 col-lg-2 col-sm-12" style="padding-top:6px;">
            <p class="text-info p-text">Total Lead :- <span class="text-warning">{{ $totallead }}</span></p>
         </div>
         <div class="col-md-2 col-lg-2 col-sm-12" style="padding-top:6px;">
            <p class="text-info p-text" style=" float: right;">Today Lead :- <span class="text-warning">{{$todaylead}}</span></p>
         </div>
         <div class="col-md-4 col-lg-4 col-sm-12" style="padding-top:6px;">
            <p class="p-text text-center"><button class="btn btn-sm btn-warning text-white" data-bs-toggle="modal" data-bs-target="#leadModals" type="button">Add Lead </button></p>
         </div>
         <div class="col-md-2 col-lg-2 col-sm-12" style="padding-top:6px;">
            <p class="text-info p-text">Taken Lead :- <span class="text-warning">{{ $unacceptedlead }}</span></p>
         </div>
         <div class="col-md-2 col-lg-2 col-sm-12" style="padding-top:6px;">
            <p class="text-info p-text">Not Taken Lead :- <span class="text-warning">{{ $acceptedlead }}</span></p>
         </div>
      </div>
   </div>
   <div class="container">
      <div class="table-responsive dataTable">
         <table id="example" class="display nowrap  roomSeatTable" style="margin-bottom: 11px">
            <thead>
               <th>S.No.</th>
               <th>Date</th>
               <th>Candidate Name</th>
               <th>Mobile</th>
               <th>Email</th>
               <th>Enquiry For Date</th>
               <th>Requirement</th>
               <th>Budget</th>
               <th>Lead Source</th>
               <th>Status</th>
               <th>Action</th>
            </thead>
            @php
            $count=1;
            $lead = DB::table('leadmanagers')->get();
            @endphp
            <tbody id="filteredResults">
               @foreach( $lead as $temp)
               <tr>
   
                  <td>{{$count++}}</td>
                  <td>{{date('d-M-Y', strtotime($temp->created_at))}}</td>
                  <td>{{$temp->leadcandidatename}}</td>
                  <td>{{$temp->leadmobile}}</td>
                  <td>{{$temp->leadmail}}</td>
                  <td>{{date('d-M-Y', strtotime($temp->leaddate))}}</td>
                  <td>{{$temp->requirement}}</td>
   
                  <td>{{$temp->budget}}</td>
                  <td>System Source</td>
                  <td>
                     @php
                     $statusleadchange = $temp->leadstatus;
   
                     if($statusleadchange == 0)
                     {
                     echo 'Not Taken';
                     }
                     else{
                     echo 'Taken';
                     }
                     @endphp
   
                  </td>
                  <td>
                     <ul class="m-0 p-0" id="expenses_list">
                        @php
                        $disabled = ($temp->leadstatus == 1) ? 'disabled' : '';
                        @endphp
                        <li>
                           <form method="GET" action="registerform" id="registerForm">
                              @csrf
                              <div class="row d-none">
                                 <input type="hidden" value="{{$temp->id}}" name="leadid">
                                 <div class="col-md-6">
                                    <div class="form-group mt-2">
                                       <label class="form-label">Candidate Name</label>
                                       <input type="text" name="candidatename" value="{{$temp->leadcandidatename}}" class="form-control" required>
                                    </div>
                                 </div>
                                 <div class="col-md-6">
                                    <div class="form-group mt-2">
                                       <label class="form-label">Candidate Mobile</label>
                                       <input type="text" name="phone" class="form-control" value="{{$temp->leadmobile}}">
                                    </div>
                                 </div>
                                 <div class="col-md-6">
                                    <div class="form-group mt-2">
                                       <label class="form-label">Email</label>
                                       <input type="text" name="email" class="form-control" value="{{$temp->leadmail}}">
                                    </div>
                                 </div>
   
                              </div>
                              <button type="submit" name="leadData" class="btn" tooltips="Add Register" data-bs-toggle="tooltip" data-bs-placement="top" title="Add Register" {{$disabled }}> <i class="fa fa-user-plus" aria-hidden="true" {{$disabled }}></i>
                              </button>
                           </form>
   
                        </li>
                        <li>
                           <button type="button" class="btn editbtn" value="{{$temp->id}}" data-bs-toggle="modal" tooltips="Add Booking" data-bs-target="#bookingadd" {{$disabled }}>
                              <i class="fa fa-plus-circle text-info" aria-hidden="true" title="Add Booking" data-toggle="tooltip"></i>
                           </button>
                        </li>
                        <li>
                           <form action="{{ route('leaddelete', $temp->id) }}" method="POST">
                              @csrf
                              <input type="hidden" value="DELETE">
                              <button type="submit" class="btn btn-sm p-0 m-0 btn-flat show_confirm" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete"><i class="fa fa-trash fa-lg text-danger"></i></button>
                           </form>
                        </li>
                     </ul>
                  </td>
               </tr>
               @endforeach
            </tbody>
         </table>
      </div>
   </div>
</div>


<script>
   $(document).ready(() => {
      $("#leadmanager").css('color', "#ffa500");
      $("#leadmanager i").css('color', "#ffa500")
   });
</script>
<div class="modal fade" id="leadModals" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <form method="POST" action="{{route('leadmanagersave')}}">
         @csrf
         <div class="modal-content">
            <!-- <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Lead manager</h5>
                                
                        </div> -->
            <div class="modal-body">
               <center>
                  <h5 class="modal-title" id="exampleModalLabel">Lead manager</h5>
               </center>
               <div class="position-absolute" style="top:0;right:10px;">
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
               </div>
               <div class="form-group mb-2">
                  <label>Date <span class="text-danger">*</span></label>
                  <input type="date" class="form-control" name="leaddate" required>
               </div>
               <div class="form-group mb-2">
                  <label>Candidate Name <span class="text-danger">*</span></label>
                  <input type="text" class="form-control" name="leadcandidatename" required>
               </div>
               <div class="form-group mb-2">
                  <label>Mobile <span class="text-danger">*</span></label>
                  <input type="text" class="form-control" name="leadmobile" oninput="validateNumber(this)" pattern="[0-9]{10}" maxlength="10" minlength="10" oninput="this.value = this.value.match(/^[A-Za-z\s]+$/) ? this.value : this.value.replace(/[^A-Za-z\s]/g,'.')" required>
               </div>
               <div class="form-group">
                  <label>Mail <span class="text-danger">*</span></label>
                  <input type="mail" class="form-control" name="leadmail" required>
               </div>
               <div class="form-group">
                  <label>Requirement<span class="text-danger">*</span></label>
                  <input type="text" class="form-control" name="requirement" required>
               </div>
               <div class="form-group">
                  <label>Budget</label>
                  <input type="text" class="form-control" name="budget" required>
               </div>
            </div>
            <div class="modal-footer">
               <!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> -->
               <button class="btn btn-warning" type="submit">Save changes</button>
            </div>

         </div>

      </form>
   </div>
</div>

<div class="modal fade" id="bookingadd" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <form method="POST" action="{{route('booking')}}" enctype="multipart/form-data">
         @csrf
         <div class="modal-content">
            <div class="modal-header">
               <h4 class="modal-title" id="exampleModalLabel" style="margin-left:134px;">Advance Booking</h4>
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
               <div class="row">
                  <input type="hidden" id="leadmanager_id" name="leadmanager_id">
                  <div class="col-md-6">
                     <div class="form-group mt-2">
                        <label class="form-label">Candidate Name</label>
                        <input type="text" name="candi_name" class="form-control" id="leadcandidatename" readonly required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="form-group mt-2">
                        <label class="form-label">Candidate Mobile</label>
                        <input type="text" name="candidate_mobile" class="form-control" id="leadmobile" readonly required>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-6">
                     <div class="form-group mt-2">
                        <label class="form-label">Booking Date</label>
                        <input type="date" name="booking_date" class="form-control" required>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="form-group mt-2">
                        <label class="form-label">Reg.date</label>
                        <input type="date" name="regdate" class="form-control" required>
                     </div>
                  </div>
               </div>

               <div class="row">
                  <div class="col-md-6">
                     <div class="form-group mt-2">
                        @php
                        $roomnumber = DB::table('roomseats')->get();
                        @endphp
                        <label class="form-label">Room no</label>
                        <select name="roomno" onchange="seatsnumbersget(this.value)" class="form-control" required>
                           <option disabled selected value="">Select Room No</option>
                           @php
                           $roomnumberget = DB::table('roomseats')->orderBy('roomno','ASC')->get();
                           @endphp
                           @foreach( $roomnumberget as $temp)
                           <option>{{$temp->roomno}}</option>
                           @endforeach
                        </select>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="form-group mt-2">
                        <label class="form-label" for="seat_id">Seat No.</label>
                        <select class="form-control" name="seatno" id="numberseatsdata" required>
                           <option disabled selected value="">Select Seats</option>
                        </select>
                     </div>
                  </div>

                  <div class="col-md-6">
                     <div class="form-group mt-2">
                        <label class="form-label">Booking Amount</label><br>
                        <span class="customTextfield">
                           &nbsp; &#x20B9; <input name="Booking_amount" type="text" class="form-control" style="margin-top:-28px; padding-left: 27px;" required>
                        </span>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal-footer">
               <button class=" btn btn-warning" type="submit" onclick="updateStatus(this)">Submit</button>
            </div>
         </div>
      </form>
   </div>
</div>
<script type="text/javascript">
   $('.show_confirm').click(function(event) {
      var form = $(this).closest("form");
      var name = $(this).data("name");
      event.preventDefault();
      swal({
            title: `Are you sure you want to  delete?`,
            text: "If you delete this, it will be gone forever.",
            icon: "warning",
            buttons: true,
            dangerMode: true,
         })
         .then((willDelete) => {
            if (willDelete) {
               form.submit();
            }
         });
   });
</script>
<script>
   $(document).ready(function() {
      $(document).on('click', '.editbtn', function() {
         var leadmanager_id = $(this).val();
         //alert(leadmanager_id);
         $('bookingadd').modal('show');

         $.ajax({
            type: 'GET',
            url: 'leadmanagerget/' + leadmanager_id,
            success: function(response) {
               console.log(response.leadmanagerdata);

               $('#leadcandidatename').val(response.leadmanagerdata.leadcandidatename);
               $('#leadmobile').val(response.leadmanagerdata.leadmobile);
               // $('#rent').val(response.roomseats.rent);
               $('#leadmanager_id').val(leadmanager_id);

            }
         });
      });
   });
</script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script>
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet" />
<script>
   function seatsnumbersget(roomno) {
      $.ajax({
         url: 'getroomseats', // Replace with your actual endpoint URL
         type: 'GET',
         data: {
            roomNo: roomno
         },
         success: function(response) {
            var availableSeats = response.numberSeats;
            var numberSeatsSelectregister = document.getElementById("numberseatsdata");
            numberSeatsSelectregister.innerHTML = ""; // Clear existing options

            for (var i = 0; i < availableSeats.length; i++) {
               var seatNumber = availableSeats[i];
               var option = document.createElement("option");
               option.value = seatNumber;
               option.text = seatNumber;
               numberSeatsSelectregister.appendChild(option);
            }
         },

         error: function() {
            console.log('Error occurred while fetching number of seats.');
         }
      });
   }

   var selectRoom = document.getElementById("selectRoom");

   selectRoom.addEventListener("change", function() {
      var selectedRoom = selectRoom.value;
      seatsnumbersget(selectedRoom);
   });
</script>
<script>
   function updateStatus(buttonElement) {
      var leadmanager_id = $(buttonElement).data('leadmanager-id');

      $.ajax({
         type: 'POST',
         url: 'updatelead/${leadmanager_id}',
         data: {
            _token: $('meta[name="csrf-token"]').attr('content'),
            leadmanager_id: leadmanager_id
         },
         success: function(response) {
            console.log('Status updated successfully');
         },
         error: function(xhr, status, error) {
            console.log('Error: ' + error);
         }
      });
   }
</script>
<script>
   var form = document.getElementById('registerForm');
   var icon = document.getElementById('registerIcon');

   form.addEventListener('submit', function() {
      icon.disabled = true;
   });
</script>
@endsection