@include('inc.header-inc');
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0/css/select2.min.css" />
<script>
   setTimeout(function() {
     $('.alert').fadeOut('slow');
   }, 1000); // 3000ms = 3 seconds
</script>
<style>
   input, select{
   background-color: var(--sidebar-color) !important;
   color: var(--text-color) !important;
   }
   input[type="file"]{
   color:var(--text-color);
   }
   .alert {
   transition: opacity 0.5s ease-in-out;
   }
   .table th{
   background: #695cfe !important;";
   font-size: 13px;
   color: white;
   }
   body.dark table th{
   color: var(--text-color);
   background: var(--body-color);
   font-size: 13px;
   }
   body.dark table tr{
   color: var(--text-color);
   background: var(--body-color);
   font-size: 13px;
   }
   .icon-btn{
      height: 30px;
   }
</style>
<section class="container-fluid p-3 py-2 " style="padding-bottom:300px;">
   <div class="card container-shadow py-3 mb-2"> 
     <div class="container-fluid">
         <div class="flex position-relative">
               <span class="fw-semibold fs-4 align-middle justify-content-start text-secondary" style="font-weight: 500; font-size: 1.5em;">{{ ucwords($title) }} </span>
               {{-- <div class="shadow p-3 sm-body-tertiary rounded fw-bold" style="width: 185px">{{$pr_number}}</div> --}}
         </div>
     </div>
   </div>
 
   <div class="container-shadow bg-white ps-3 py-2 border mb-4 rounded" id="breadcrumb-container">
     <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
         <ol class="breadcrumb mb-0">
             <li class="breadcrumb-item active py-1" aria-current="page">Manage Request</li>
             <li class="breadcrumb-item active py-1" aria-current="page">{{ ucwords($title) }}</li>
         </ol>
     </nav>
   </div>

   <div class="container-shadow border px-1 py-3 mb-3 rounded">
   <form action="/update/{id}" method="POST" enctype="multipart/form-data">
      @csrf
      @method('PUT')
      <div class="table-responsive">
         <table class="table" width="100%" style="width: 100%; ">
            <thead >
               <tr>
                  <th width="15%">Particulars</th>
                  <th>Description</th>
                  <th width="5%">Quantity</th>
                  <th>Unit of Measurement</th>
                  <th width="15%">Attachment</th>
                  <th>Date Needed</th>
                  <th>Remarks</th>
               </tr>
            </thead>
            <tbody>
               @foreach($rows as $key=>$row)
               <tr>
                  <input type="hidden" class="form-control" name="request_id[]" value="{{ $row->id }}">
                  <td>
                     <select class="form-select select2" id="req_particulars" name="req_particulars[]" required>
                        <option value="{{ $row->req_particulars }}" selected>{{ ucwords(strtolower($row->req_particulars)) }}</option>
                        @foreach ($particular as $prt )
                        @if ($prt->name !== $row->req_particulars)
                        <option value="{{ $prt->name }}">{{ ucwords($prt->name) }}</option>
                        @endif
                        @endforeach
                     </select>
                  </td>
                  <td><input type="text" class="form-control" name="req_description[]" value="{{ ucwords(strtolower($row->req_description)) }}"></td>
                  <td><input type="number" class="form-control" name="qty[]"  value="{{ $row->qty }}"></td>
                  <td>
                     <select name="uom[]" class="form-select" aria-label="Default select example" id="uom">
                        <option value="">Unit Of Measurement</option>
                        <option value="{{ $row->uom }}" selected>{{ ucwords(strtolower($row->uom)) }}</option>
                        @foreach ($data as $u)
                        @if ($u->uom !== $row->uom)
                        <option value="{{ $u->uom }}">{{ ucwords(strtolower($u->uom)) }}</option>
                        @endif
                        @endforeach
                     </select>
                  </td>
                  <td>
                     @if($row->req_image != 'no-image.jpg')
                     <input type="file" name="req_image[]" class="form-control" id="has-file" accept=".pdf,.jpg,.jpeg,.png" onchange="validateFile(this)">
                     @if($row->req_image != 'no-image.jpg')