@extends('layouts/layoutMaster')

@section('title', 'Quality-Check')

@section('vendor-style')
@vite('resources/assets/vendor/libs/flatpickr/flatpickr.scss')
@endsection

@section('page-style')
@vite('resources/assets/vendor/scss/pages/app-invoice.scss')
@endsection

@section('vendor-script')
@vite([
  'resources/assets/vendor/libs/autosize/autosize.js',
  'resources/assets/vendor/libs/moment/moment.js',
  'resources/assets/vendor/libs/flatpickr/flatpickr.js',
  'resources/assets/vendor/libs/cleavejs/cleave.js',
  'resources/assets/vendor/libs/cleavejs/cleave-phone.js'
])
@endsection

@section('content')
<div class="invoice-print p-8">
  <div class="card invoice-preview-card w-100 p-sm-12 p-8 shadow">
      <div class="card-body invoice-preview-header rounded-4 p-1">
          <div class="d-flex justify-content-between align-items-center mb-2">
              <div>
              </div>
          </div>
          <div class="table-responsive border rounded-4 p-3">
            <table class="table m-0">
                <thead>
                    <tr class="table-primary">
                        <th>Serial No</th>
                        <th>Test Description</th>
                        <th>Reference</th>
                        <th>Re-Test Required?</th>
                        <th>Test In House?</th>
                        <th>Upload</th>
                        <th>Description</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody class="table-border-bottom-0">
                    @foreach($materialItem as $item)
                    <tr>
                        <form action="{{ route('qualitycheck-list.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf <!-- CSRF token for security -->
                            <input type="hidden" name="material_id" value="{{ $material_id }}">
                            <input type="hidden" name="order_id" value="{{ $order_id }}">
                            <input type="hidden" name="materialstock_id" value="{{ $materialstock_id }}">
                            <input type="hidden" name="auth_id" value="{{ $auth_id }}">
                            <input type="hidden" name="item_id" value="{{ $item->id }}">
                            <input type="hidden" name="materialtesting_id" value="{{ $item->materialtesting_id }}">
                            {{-- {{ dd($item->materialtesting_id); }} --}}

                            <td>{{ $item->number }}</td>
                            <td>{{ $item->testDescription }}</td>
                            <td>{{ $item->reference }}</td>
                            <td>{{ $item->reTest }}</td>
                            <td>{{ $item->test }}</td>
                            <td>
                                @if($item->upload)
                                    <a href="{{ asset('uploads/' . $item->upload) }}" target="_blank" class="text-primary" style="text-decoration: none;">
                                        <span style="display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #000000; border-radius: 50%; color: #007bff;">
                                            <i class="ri-file-fill" style="color: #ffffff;"></i>
                                        </span>
                                    </a>
                                @else
                                    <input type="file" name="fileUpload" class="form-control-file mt-2">
                                @endif
                            </td>
                            <td>
                                <textarea name="description" rows="1" class="form-control autosize-demo">{{ old('description', $item->description ?? '') }}</textarea>
                            </td>
                            <td>
                                @if($item->upload)
                                    <span class="badge rounded-pill bg-label-{{ $item->status == 'approved' ? 'success' : 'danger' }} me-1">{{ ucfirst($item->status) }}</span>
                                @else
                                    <select name="status" required class="form-select">
                                        <option value="approved" {{ old('status', $item->status ?? '') == 'approved' ? 'selected' : '' }}>Approved</option>
                                        <option value="rejected" {{ old('status', $item->status ?? '') == 'rejected' ? 'selected' : '' }}>Rejected</option>
                                    </select>
                                @endif
                            </td>
                            <td>
                              @if((!$item->upload && !isset($item->stored)) || ($item->upload && isset($item->stored)))
                                  <button type="submit" class="btn btn-simple ms-2">Save</button>
                              @else
                                  <span></span>
                              @endif
                            </td>
                        </form>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

              <br>

              @if($materialItem)
              <div class="card mb-6">
                <div class="card-body">
                  <div class="row g-6">
                    <div class="col-md-5">
                      <div class="form-floating form-floating-outline">
                        <textarea id="limit" name="limit" class="form-control autosize-demo" placeholder="Limit/Specification" rows="2" style="height: 100px" readonly>{{ $materialItem->first()->limit ?? ''}}</textarea>
                        <label for="limit">Limit/Specification</label>
                      </div>
                    </div>

                    <div class="col-md-5">
                      <div class="form-floating form-floating-outline">
                          <textarea id="standard_result" name="standard_result autosize-demo" class="form-control" placeholder="Standard Result" rows="2" style="height: 100px" readonly>{{ $materialItem->first()->standard_result ?? '' }}</textarea>
                          <label for="standard_result">Standard Result</label>
                      </div>
                    </div>
                    <div class="col-md-2">
                      <div class="form-floating form-floating-outline">
                          <select name="transfer" id="transfer" class="form-select" readonly>
                              <option value="">{{ $materialItem->first()->transfer ?? ''}}</option>
                              <option value="yes">Yes</option>
                              <option value="no">No</option>
                          </select>
                          <label for="transfer">Purc Spec?</label>
                      </div>
                  </div>
                  </div>
                  <br>
                  <div class="row g-6">
                    <div class="col-md-4">
                        <div class="form-floating form-floating-outline">
                            <input type="text" id="testing_method" name="testing_method" class="form-control" placeholder="Testing Method" value="{{ $materialItem->first()->testing_method ?? ''}}" readonly>
                            <label for="method">Testing Method</label>
                        </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-floating form-floating-outline">
                          <input type="text" id="method1" name="method1" class="form-control" placeholder="Another Method" readonly>
                          <label for="method1"></label>
                      </div>
                  </div>

                  <div class="col-md-2">
                    <div class="form-floating form-floating-outline">
                        <select name="potency" id="potency" class="form-select" readonly>
                            <option value="">{{ $materialItem->first()->potency ?? '' }}</option>
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>
                        <label for="potency">Potency/lod</label>
                    </div>
                </div>

                  </div>
                  <br>
                  <div class="row g-6">
                      <div class="col-md-6">
                          <div class="form-floating form-floating-outline">
                              <textarea id="testing_process" name="testing_process autosize-demo" class="form-control" placeholder="Testing Process" readonly>{{ $materialItem->first()->testing_process ?? '' }}</textarea>
                              <label for="testing_process">Testing process</label>
                          </div>
                      </div>
                      <div class="col-md-4">
                          <div class="form-floating form-floating-outline">
                              <input type="text" id="valid_result" name="valid_result" class="form-control" placeholder="Valid Result" value="{{ $materialItem->first()->valid_result ?? ''}}" readonly>
                              <label for="valid_result">Valid Result</label>
                          </div>
                      </div>

                      <div class="col-md-2">
                          <div class="form-floating form-floating-outline">
                              <input type="text" id="to" name="to" class="form-control" placeholder="to" readonly>
                              <label for="to">To</label>
                          </div>
                      </div>
                  </div>
              </div>
              @endif
          </div>

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

<!-- Offcanvas -->
@include('_partials/_offcanvas/offcanvas-send-invoice')
@include('_partials/_offcanvas/offcanvas-add-payment')
<!-- /Offcanvas -->
@endsection