@extends('fronted.layout.main')
@section('adcontent')
<style>
   .hidden {
      display: none;
   }

   .uploadshead {
      /* box-shadow: 0px 0px 0px 3px grey; */
      color: #fff;
      background: var(--light-main-color);
   }

   .uploadshead label {
      font-weight: bold;
   }

   .menuadd li {
      list-style-type: none;
   }
</style>
@if ($message = Session::get('recordssuccess'))
<script>
   Swal.fire({
      icon: 'success',
=      text: 'Terms and Conditions Saved Successfully',
   })
</script>
@endif
@if ($message = Session::get('danger'))
<script>
   Swal.fire({
      icon: 'warning',
      text: 'Image Deleted  Successfully',
   })
</script>
@endif
@if ($message = Session::get('image'))
<script>
   Swal.fire({
      icon: 'success',
      text: 'Image Saved Successfully',
   })
</script>
@endif
@if ($message = Session::get('termsconditions'))
<script>
   Swal.fire({
      icon: 'warning',
      text: 'Only 5 terms & Conditions Acceptable ',
   })
</script>
@endif
@if ($message = Session::get('terms'))
<script>
   Swal.fire({
      icon: 'warning',
      text: 'Terms & conditions Deleted Successfully ',
   })
</script>
@endif

<div class="container-fluid mt-4 me-0 ms-0">
   <div class="responsive dataTable">
      <table id="roomSeatTable" class="table text-center">
         <tbody class="align-middle">
            <tr>
               <td>
                  <select class="form-control" id="uploadSelect"><i class='fas fa-angle-down'></i>
                     <option disabled value="">Add & Edit Documents</option>
                     <option value="1">Custom Sale T&C</option>
                     <option value="2">Reg Sale T&C </option>
                     <option value="3">Estimation Sale T&C</option>
                     <option value="4" selected>Document Upload</opption>
                  </select>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<div class="container-fluid mt-4">
   <div class="container">
      <div id="customeTermAndCondtionSections">
         <div class="from my-2">
            <form action="{{route('termsandconditions')}}" method="POST">
               @csrf
               <input type="hidden" name="type" value="custom">
               <div class="input-group">
                  <label class="input-group-text" for="customInvoiceTermAndCondtion">Add Text</label>
                  <input type="text" name="termsandconditions" id="customInvoiceTermAndCondtion" class="form-control" aria-describedby="inputGroupFileAddon05" aria-label="Upload" required>
                  <button class="btn btn-warning" id="inputGroupFileAddon05" type="submit">Submit</button>
               </div>
            </form>
         </div>
         <div class="table-responsive dataTable">
            <table class="table table-bordered display nowrap text-center roomSeatTable table-striped">
               <thead class="align-middle">
                  <tr>
                     <th>S.No</th>
                     <th>Terms & Conditions</th>
                     <th>Action</th>
                  </tr>
               </thead>
               @php
               $customTerms = DB::table('termsandconditions')->where('type', 'custom')->get();
               @endphp
               <tbody class="align-middle">
                  @foreach($customTerms as $index => $term)
                  <tr>
                     <td>{{ $index + 1 }}</td> <!-- Adjusted index display -->
                     <td>{{ $term->termsandconditions }}</td> <!-- Ensure correct column name -->
                     <td>
                        <form action="{{ route('termsandconditionsdelete', $term->id) }}" method="POST">
                           @csrf
                           <button type="submit" class="btn btn-xs btn-flat show_confirm" data-toggle="tooltip" title="Delete">
                              <i class="fa fa-trash fa-lg text-danger"></i>
                           </button>
                        </form>
                     </td>
                  </tr>
                  @endforeach
               </tbody>
            </table>
         </div>

      </div>
      <div id="mainSaleTermAndConditonSection">
         <div class="form my-2">
            <form action="{{route('termsandconditions')}}" method="POST">
               @csrf
               <input type="hidden" name="type" value="reg">

               <div class="input-group">
                  <label for="termsAndCondtionsInput" class="input-group-text">Add Text</label>
                  <input type="text" name="termsandconditions" id="termsAndCondtionsInput" class="form-control" required>
                  <button class="btn btn-warning" type="submit">Submit</button>
               </div>
            </form>
         </div>
         <div class="table-responsive dataTable">
            <table class=" table table-bordered display nowrap text-center  roomSeatTable table-striped">
               <thead class="align-middle">
                  <tr>
                     <th>S.No</th>
                     <th>Terms & Conditions</th>
                     <th>Action</th>
                  </tr>
               </thead>
               @php
               $terms = DB::table('termsandconditions')->where("type","reg")->get();
               @endphp
               <tbody class="align-middle">
                  @foreach($terms as $index => $temp)
                  <tr>
                     <td>{{$index + 1}}</td>
                     <td>{{$temp->termsandconditions}}</td>
                     <td>
                        <form action="{{ route('termsandconditionsdelete', $temp->id) }}" method="POST">
                           @csrf
                           <input type="hidden" value="DELETE">
                           <button type="submit" class="btn btn-xs  btn-flat show_confirm" data-toggle="tooltip" title='Delete'><i class="fa fa-trash fa-lg text-danger"></i></button>
                        </form>
                     </td>
                  </tr>
                  @endforeach
               </tbody>
            </table>
         </div>
      </div>
      <div id="estimationTermAndConditonSection">
         <div class="form my-2">
            <form action="{{route('termsandconditions')}}" method="POST">
               @csrf
               <input type="hidden" name="type" value="estimation">
               <div class="input-group">
                  <label for="estimationTermAndCondition" class="input-group-text">Add Text</label>
                  <input type="text" name="termsandconditions" id="estimationTermAndCondition" class="form-control" required>
                  <button class="btn btn-warning" type="submit">Submit</button>
               </div>
            </form>
         </div>
         <div class="table-responsive dataTable">
            <table class=" table table-bordered display nowrap text-center  roomSeatTable table-striped">
               <thead class="align-middle">
                  <tr>
                     <th>S.No</th>
                     <th>Terms & Conditions</th>
                     <th>Action</th>
                  </tr>
               </thead>
               @php
               $terms = DB::table('termsandconditions')->where('type','estimation')->get();
               @endphp
               <tbody class="align-middle">
                  @foreach($terms as $index => $temp)
                  <tr>
                     <td>{{$index + 1}}</td>
                     <td>{{$temp->termsandconditions}}</td>
                     <td>
                        <form action="{{ route('termsandconditionsdelete', $temp->id) }}" method="POST">
                           @csrf
                           <input type="hidden" value="DELETE">
                           <button type="submit" class="btn btn-xs  btn-flat show_confirm" data-toggle="tooltip" title='Delete'><i class="fa fa-trash fa-lg text-danger"></i></button>
                        </form>
                     </td>
                  </tr>
                  @endforeach
               </tbody>
            </table>
         </div>
      </div>
      <div id="uploadDocumentsSections">
         <form method="POST" action="{{route('upload')}}" enctype="multipart/form-data">
            @csrf
            <div class="input-group my-2">
               <label class="input-group-text" for="uploadDucumentType">Document type*</label>
               <select class="form-select" name="upload_name" id="uploadDucumentType" required>
                  <option value="" disabled selected>--Select Document--</option>
                  <option value="Rules & Regulations"> Rules & Regulations</option>
                  <option value="Stamp With Signature">Stamp With Signature</option>
                  <option value="GST Certificate">GST Certificate</option>
                  <option value="Pancard">Pancard </option>
                  <option value="T&C_for_emp">Employe T&C</option>
                  <option value="Business Reg. Certificate">Business Reg. Certificate</option>
               </select>
            </div>
            <div class="input-group mb-2">
               <input type="file" name="upload_pdf" class="form-control" id="inputGroupFile04" aria-describedby="inputGroupFileAddon04" aria-label="Upload" required>
               <button class="btn btn-warning" type="submit" id="inputGroupFileAddon04">Upload</button>
            </div>
         </form>
         <div class="mt-1">
            <div class="table-responsive dataTables">
               <table class="table text-center align-middle roomSeatTable">
                  <thead>
                     <tr>
                        <th>S No</th>
                        <th>Documents Name</th>
                        <th>View</th>
                     </tr>
                  </thead>
                  <tbody>
                     @php
                     $documents = DB::table('uploadprofiles')->get();
                     $documentSNo = 1;
                     @endphp
                     @if($documents)
                     @foreach($documents as $doc)
                     <tr>
                        <td>{{$documentSNo++}}</td>
                        <td>{{$doc->upload_name !== 'T&C_for_emp' ?$doc->upload_name:'Employe T&C'}}</td>
                        <td>
                           @if(file_exists(public_path('assets/uploads/pdf/'. $doc->upload_pdf)))
                           @if(pathinfo($doc->upload_pdf, PATHINFO_EXTENSION) == 'pdf')
                           <a href="{{ asset('assets/uploads/pdf/' . $doc->upload_pdf) }}" target="_blank">View PDF</a>
                           @elseif(in_array(pathinfo($doc->upload_pdf, PATHINFO_EXTENSION), ['jpg', 'jpeg', 'png', 'gif']))
                           <a href="{{ asset('assets/uploads/pdf/' . $doc->upload_pdf) }}" target="_blank">View Image</a>
                           @else
                           {{$doc->upload_pdf}}
                           @endif
                           @else
                           <p>Document Not Found</p>
                           @endif
                        </td>
                     </tr>
                     @endforeach
                     @endif
                  </tbody>
               </table>
            </div>
         </div>
      </div>
   </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() {
      // Listen for changes in the select dropdown
      $('.form-control').change(function() {
         var selectedOption = $(this).find(':selected');
         // Check if the selected option has a modal trigger
         if (selectedOption.data('bs-toggle') === 'modal') {
            var modalTarget = selectedOption.data('bs-target');
            // Open the modal programmatically
            $(modalTarget).modal('show');
         }
      });
   });
</script>
<script>
   $(document).ready(function() {
      const customeTermAndCondtionSections = $("#customeTermAndCondtionSections");
      const mainSaleTermAndConditonSection = $("#mainSaleTermAndConditonSection");
      const estimationTermAndConditionSection = $("#estimationTermAndConditonSection");
      const uploadDocumentsSections = $("#uploadDocumentsSections");
      const uploadSelect = $("#uploadSelect");
      customeTermAndCondtionSections.hide();
      mainSaleTermAndConditonSection.hide();
      uploadDocumentsSections.hide();
      estimationTermAndConditionSection.hide();

      // Check if there is a previously selected value in localStorage
      const savedValue = localStorage.getItem('documentShowListSelected');
      if (savedValue) {
         uploadSelect.val(savedValue); // Set the select box to the saved value
         updateSections(savedValue); // Show the corresponding section
      } else {
         // Default behavior if no value is saved
         uploadDocumentsSections.show();
      }

      // Function to update sections based on selected value
      function updateSections(selectedValue) {
         customeTermAndCondtionSections.hide();
         mainSaleTermAndConditonSection.hide();
         uploadDocumentsSections.hide();
         estimationTermAndConditionSection.hide();


         if (selectedValue == 1) {
            customeTermAndCondtionSections.show();
         } else if (selectedValue == 2) {
            mainSaleTermAndConditonSection.show();
         } else if (selectedValue == 3) {
            estimationTermAndConditionSection.show();
         } else if (selectedValue == 4) {
            uploadDocumentsSections.show();

         }
      }

      // Event listener for select box change
      uploadSelect.on("change", function() {
         const selectedValue = $(this).val();
         updateSections(selectedValue);
         // Save the selected value to localStorage
         localStorage.setItem('documentShowListSelected', selectedValue);
      });
   });
</script>

@endsection