@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/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-6 shadow">
      <div class="card-body invoice-preview-header rounded-4 p-3">
          <div class="d-flex justify-content-between align-items-center mb-1">
              <div>
                  {{-- Add your existing logic here if needed --}}
              </div>
          </div>

          <div class="table-responsive border rounded-4 p-3">
              <form action="/your-action-url" method="POST" enctype="multipart/form-data">
                  @csrf
                  <table class="table m-0">
                      <thead>
                          <tr class="table-primary">
                              <th>Id</th>
                              <th>Material</th>
                              <th>Pack Size</th>
                              <th>Qty</th>
                              <th>Batch No</th>
                              <th>Expiry Date</th>
                              <th>Status</th>
                              <th>Action</th>
                          </tr>
                      </thead>
                      <tbody>
                        {{-- {{ dd($materialinventor); }} --}}
                          @foreach($materialinventor as $item)
                              <tr>
                                  <input type="hidden" name="testingitem_id" value="{{ $item->testingitem_id ?? '' }}">
                                  <input type="hidden" name="order_id" value="{{ $item->order_id }}">
                                  <td>{{ $item->id }}</td>
                                  <td>{{ $item->material->name ?? '' }}</td>
                                  <td>{{ $item->pack_size }}</td>
                                  <td>{{ $item->qty }}</td>
                                  <td>{{ $item->batch_no }}</td>
                                  <td style="padding: 0.5rem;">
                                      <span style="display: block; padding: 0.0rem;">{{ $item->expiry_date }}</span>
                                  </td>
                                  {{-- <td>{{ $item->status }}</td> --}}
                                  @if($item->status == 'approved')
                                  <td><span class="badge rounded-pill bg-label-success }}">{{ $item->status }}</span></td>
                                  @elseif($item->status == 'pending')
                                  <td><span class="badge rounded-pill bg-label-warning }}">{{ $item->status }}</span></td>
                                  @else
                                  <td><span class="badge rounded-pill bg-label-danger }}">{{ $item->status }}</span></td>
                                  @endif
                                  <td>
                                      <a href="{{ route('QualityCheck.view', ['materialstock_id' => $item->id, 'material_id' => $item->material_id, 'order_id' => $item->material_inward_id, 'id' => $item->id , 'auth_id' => $item->auth_id]) }}"
                                         class="btn btn-sm btn-icon btn-text-secondary rounded-pill waves-effect" data-id="{{ $item->id }}">
                                          <i class="ri-eye-line ri-20px"></i>
                                      </a>
                                      {{-- @if(in_array($item->status, ['pending', 'inprocess'])) --}}
                                          <a href="{{ route('QualityCheck.edit', ['materialstock_id' => $item->id, 'material_id' => $item->material_id, 'order_id' => $item->material_inward_id, 'id' => $item->id , 'auth_id' => $item->auth_id]) }}"
                                            class="btn btn-sm btn-icon btn-text-secondary rounded-pill waves-effect" data-id="{{ $item->id }}" title="Edit">
                                              <i class="ri-edit-box-line ri-20px"></i>
                                          </a>
                                      {{-- @endif --}}
                                      <a href="{{ route('QualityCheck.print', ['materialstock_id' => $item->id, 'material_id' => $item->material_id, 'order_id' => $item->material_inward_id, 'id' => $item->id , 'auth_id' => $item->auth_id]) }}"
                                        class="btn btn-sm btn-icon btn-text-secondary rounded-pill waves-effect" data-id="{{ $item->id }}">
                                         <i class="ri-printer-line ri-20px"></i>
                                      </a>
                                      <a href="{{ route('QualityCheck.sticker.print', ['materialstock_id' => $item->id, 'material_id' => $item->material_id, 'order_id' => $item->material_inward_id, 'id' => $item->id , 'auth_id' => $item->auth_id]) }}"
                                        class="btn btn-sm btn-icon btn-text-secondary rounded-pill waves-effect" data-id="{{ $item->id }}" title="Sticker Print">
                                        <i class="ri-profile-line"></i>
                                      </a>
                                      {{-- @if($setting)
                                      @if($item->status == 'pending')
                                      <a href="javascript:void(0)"
                                      class="btn btn-sm btn-icon btn-text-secondary rounded-pill waves-effect setting-btn"
                                      id="right_btn"
                                             data-id="{{ $item->id ?? '' }}"
                                             data-description="{{ $item->description ?? 'abc' }}"
                                             data-status="{{ $item->status ?? 'approved' }}"
                                             data-materialstock_id="{{ $item->materialstock_id ?? '' }}"
                                             data-material_id="{{ $item->material_id ?? '' }}"
                                             data-testingitem_id="{{ $item->testingitem_id ?? '' }}">

                                              <i class="ri-check-line ri-20px" style="color: green;"></i>
                                          </a>
                                          <a href="javascript:void(0)"
                                             class="btn btn-sm btn-icon btn-text-secondary rounded-pill waves-effect setting-btn" id="cross_btn"
                                             data-id="{{ $item->id ?? '' }}"
                                             data-description="{{ $item->description ?? 'abc' }}"
                                             data-status="{{ $item->status ?? 'approved' }}"
                                             data-materialstock_id="{{ $item->materialstock_id ?? '' }}"
                                             data-material_id="{{ $item->material_id ?? '' }}"
                                             data-testingitem_id="{{ $item->testingitem_id ?? '' }}">
                                              <i class="ri-close-line ri-20px" style="color: red;"></i>
                                          </a>
                                        @endif
                                      @else
                                          <!-- <p>No items available.</p> -->
                                      @endif --}}
                                  </td>
                              </tr>
                          @endforeach
                      </tbody>
                  </table>
              </form>
          </div>
      </div>
  </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $('.setting-btn').on('click', function() {
        let testingitem_id = $(this).data('testingitem_id');
        let description = $(this).data('description');
        let status = 'approved';
        let materialstockId = $(this).data('id');
        let materialId = $(this).data('material_id');
        let $checkIcon = $('#right_btn');
        let $crossIcon = $('#cross_btn');
        $checkIcon.addClass('d-none');
        $crossIcon.addClass('d-none');


        $.ajax({
            url: '{{ route('qualitycheck.updateStatus') }}',
            method: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                testingitem_id: testingitem_id,
                description: description,
                status: status,
                materialstock_id: materialstockId,
                material_id: materialId
            },
            success: function(response) {
                if (response.success) {
                    alert('Quality check updated successfully!');
                } else {
                    alert('Error updating quality check');
                }
            },
            error: function(xhr, status, error) {
                console.log(xhr, status, error);
                alert('An error occurred, please try again.');
            }
        });
    });
</script>

@endsection