@extends('index')
@section('content')
<section class="section">
  <div class="section-body">
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <h4>Receive Issuance</h4>
            <div class="card-header-action">
              <a href="{{ url()->previous() }}" class="btn btn-primary">
                Back
              </a>
            </div>
          </div>
          <div class="card-body">
            <form action="{{ route('stock.store') }}" method="POST" class="needs-validation" novalidate="">
              @csrf
              <div class="row">
                <div class="col-md-2">
                  <div class="form-group">
                    <label>Receiving Issuance No</label>
                    <input type="hidden" name="stock_type" required value="1">
                    <input type="hidden" id="table_name" name="table_name" value="{{$issue['table_name']}}">
                    <input type="hidden" name="issue_id" required value="{{$issue['stock_id']}}">
                    <input type="text" class="form-control" name="stock_no" required value="{{$count}}-{{$issue['stock_no']}}">
                    <div class="valid-feedback">Good job!</div>
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <label>Issued For Order | Stage</label>
                    <input type="hidden" name="order_id" required value="{{$issue['order_id']}}">
                    <input type="text" class="form-control" required value="{{$issue['job_no']}} | {{$issue['sname']}}" readonly>
                    <div class="valid-feedback">Good job!</div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <label>{{ ($issue['table_name'] == 'employee')? 'Employee':'Contractor' }}</label>
                    <input type="hidden" name="employee_id" required value="{{$issue['employee_id']}}">
                    <input type="text" class="form-control" required value="{{ $issue['table_name'] === 'employee' ? $issue['employee_no'] . ' - ' . $issue['name'] : $issue['vendor_no'] . ' - ' . $issue['fname'] }}" readonly>
                    <div class="valid-feedback">Good job!</div>
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <label>Receiving Status</label>
                    <select class="form-control" name="stock_status" required>
                      <option value="1" selected>Completely Received</option>
                      <option value="2">Partially Received</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <label>Receiving Date</label>
                    {{-- <input type="text" class="form-control datepicker" name="stock_date" required value="{{old('stock_date')}}"> --}}
                    <input type="date" class="form-control" name="stock_date" required value="{{date('Y-m-d')}}" min="{{$issue['stock_date']}}">
                    <div class="valid-feedback">Good job!</div>
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-md-5">
                  <div class="form-group">
                    <label>Materials</label>
                    <select class="form-control select2" name="smaterial_id" style="width: 100%" id="material_id">
                      <option value="" disabled selected>Select Material</option>
                      @php $lastKey = null; @endphp
                      @if($issueItem->count())
                          @foreach($issueItem as $item)
                              @if($item->material_id)
                                  {{-- @php $currentKey = $item->article_no . '|' . $item->sname; @endphp --}}
                                  @php $currentKey = $item->product_type_id; @endphp
                                  @if($lastKey != $currentKey)
                                      <option disabled>========== {{$item->article_no}} | Size {{$item->sname}} | Avg {{$average[$currentKey]['min_avg']}} ==========</option>
                                      @php $lastKey = $currentKey; @endphp
                                  @endif
                                  <option value="{{$item->material_id}}|{{$item->product_type_id}}">
                                      {{$item->name}} | Avg {{ $item->pqty != 0 ? bcdiv($item->quantity, $item->pqty, 1) : '0' }}
                                  </option>
                              @endif
                          @endforeach
                      @endif
                    </select>                
                    {{-- <select class="form-control select2" name="material_id" id="material_id">
                      <option value="" disabled selected>Select Material</option>
                      @if($issueItem->count())
                          @foreach($issueItem as $item)
                              @if($item->material_id)
                                <option value="{{$item->material_id}}|{{$item->product_type_id}}">{{$item->name}} | {{$item->article_no}} - Size {{$item->sname}} | Avg {{bcdiv($item->quantity, $item->pqty, 1)}}</option>
                              @endif
                          @endforeach
                      @endif
                    </select> --}}
                  </div>
                </div>
                <div class="col-md-3">                  
                  <div class="form-group">
                    <label for="receiveable_stock">Receiveable Stock</label>
                    <input type="text" class="form-control" id="receiveable_stock" name="receiveable_stock" readonly>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Quantity</label>
                    <input type="number" min="0" class="form-control" name="quantityMaterial" placeholder="0" id="quantityMaterial">
                  </div>
                </div>
                <div class="col-md-1">
                  <div class="form-group">
                    <label>Add</label> <br>
                    <button type="button" id="addBtnMaterial" class="btn btn-primary">Add</button>
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Products</label>
                    <select class="form-control select2" name="product_type_id" id="product_type_id">
                      <option value="" disabled selected>Select Product</option>
                      @if($issueItem->count())
                        @php $issueItemUnique = $issueItemUnique->unique('product_type_id'); @endphp
                        @foreach($issueItemUnique as $item)
                          @php
                            // $currentKey = $item->article_no . '|' . $item->sname;
                            $currentKey = $item->product_type_id;
                            $minAvg = isset($average[$currentKey]['min_avg']) ? $average[$currentKey]['min_avg'] : '0';
                          @endphp
                          <option value="{{$item->product_type_id}}" {{ old('product_type_id') == $item->product_type_id ? 'selected' : '' }}>
                            {{$item->article_no}} | Size {{$item->sname}} | Avg {{$minAvg}}
                          </option>
                        @endforeach
                      @endif
                  </select>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Product Stage</label>
                    <select class="form-control select2" name="stage_id" id="stage_id">
                      <!-- Options will be dynamically added here via JavaScript -->
                      <option value="" disabled>Select Product Stage</option>
                      <!-- You can keep this option or remove it, depending on your needs -->
                    </select>
                    <div class="valid-feedback">Good job!</div>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Product Cost</label>
                    <select class="form-control select2" name="pcost_id[]" id="pcost_id" multiple="">
                      <!-- Options will be dynamically added here via JavaScript -->
                      <option value="" disabled>Select Product Cost</option>
                      <!-- You can keep this option or remove it, depending on your needs -->
                    </select>
                    <div class="valid-feedback">Good job!</div>
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <label>Quantity</label>
                    <input type="number" min="0" class="form-control" name="quantityProduct" placeholder="0" id="quantityProduct">
                  </div>
                </div>
                <div class="col-md-1">
                  <div class="form-group">
                    <label>Add</label> <br>
                    <button type="button" id="addBtnProduct" class="btn btn-primary">Add</button>
                  </div>
                </div>
              </div>

              {{-- Component Product Type Receive Section --}}
              @php
                // Extract component products from issued items
                $issuedComponents = collect();
                foreach($issueItem as $item) {
                  if($item->component_product_type_id) {
                    $issuedComponents->push($item);
                  }
                }
              @endphp
              @if($issuedComponents->count())
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label>Component Products (Issued)</label>
                    <select class="form-control select2" name="component_product_type_id" id="component_product_type_id">
                      <option value="" disabled selected>Select Component Product</option>
                      @foreach($issuedComponents->unique('component_product_type_id') as $component)
                        <option value="{{ $component->component_product_type_id }}"
                          data-receivable="{{ $component->quantity }}"
                          data-unit="{{ $component->puname ?? 'Pcs' }}"
                          data-product-type-id="{{ $component->product_type_id }}">
                          {{ $component->component_article_no }} - {{ $component->component_name }} | Receivable: {{ $component->quantity }}
                        </option>
                      @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="component_receivable_stock">Receivable Stock</label>
                    <input type="text" class="form-control" id="component_receivable_stock" name="component_receivable_stock" readonly>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label>Quantity</label>
                    <input type="number" min="0" step="1" class="form-control" name="quantityComponent" placeholder="0" id="quantityComponent">
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <label>Add</label><br>
                    <button type="button" id="addBtnComponent" class="btn btn-success">Add</button>
                  </div>
                </div>
              </div>
              @endif

              <div class="row">
                <div class="col-md-12">
                  <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                      <a class="nav-link active" id="all-tab" data-toggle="tab" href="#all" role="tab" aria-controls="all" aria-selected="true">Receive Items</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" id="receive-tab" data-toggle="tab" href="#receive" role="tab" aria-controls="receive" aria-selected="false">Issued Items</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" id="received-tab" data-toggle="tab" href="#received" role="tab" aria-controls="receive" aria-selected="false">Received Items</a>
                    </li>
                  </ul>     
                  <div class="tab-content" id="myTabContent">
                    {{-- Receive Issuance --}}
                    <div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all-tab">      
                      <table class="table" id="items-table">
                        <thead>
                          <tr>
                            <th>Sr.</th>
                            <th>Item / Product</th>
                            <th>Material / Stage</th>
                            <th>Work/Cost</th>
                            <th>Quantity</th>
                            <th>Action</th>
                          </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot>
                          <tr>
                            <th>Sr.</th>
                            <th>Item / Product</th>
                            <th>Material / Stage</th>
                            <th>Work/Cost</th>
                            <th>Quantity</th>
                            <th>Action</th>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                    {{-- Issuance --}}
                    <div class="tab-pane fade" id="receive" role="tabpanel" aria-labelledby="receive-tab">
                      <table class="table table-sm table-striped">
                        <thead>
                          <tr>
                            <th>Sr.</th>
                            <th>Type</th>
                            <th>Item / Product</th>
                            <th>Material / Stage / Component</th>
                            <th>Quantity</th>
                            <th>Average</th>
                          </tr>
                        </thead>
                        <tbody>
                          @if($issueItem->count())
                            @foreach($issueItem as $item)
                              <tr>
                                <td>{{$loop->index + 1}}</td>
                                @if($item->component_product_type_id)
                                  <td><span class="badge badge-warning">Component</span></td>
                                  <td>{{$item->article_no}} - Size {{$item->sname}}</td>
                                  <td>{{$item->component_article_no}} - {{$item->component_name}}</td>
                                @elseif($item->material_id > 0)
                                  <td><span class="badge badge-info">Material</span></td>
                                  <td>{{$item->article_no}} - Size {{$item->sname}}</td>
                                  <td>{{$item->name}}</td>
                                @else
                                  <td><span class="badge badge-success">Product</span></td>
                                  <td>{{$item->article_no}} - Size {{$item->sname}}</td>
                                  <td>{{$item->stage}}</td>
                                @endif
                                <td>{{$item->quantity}} {{($item->uname)? $item->uname:$item->puname}}</td>
                                <td>{{ $item->pqty != 0 ? bcdiv($item->quantity, $item->pqty, 1) : '0' }} Units</td>
                              </tr>
                            @endforeach
                          @endif
                        </tbody>
                        <tfoot>
                          <tr>
                            <th>Sr.</th>
                            <th>Type</th>
                            <th>Item / Product</th>
                            <th>Material / Stage / Component</th>
                            <th>Quantity</th>
                            <th>Average</th>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                    {{-- Received --}}
                    <div class="tab-pane fade" id="received" role="tabpanel" aria-labelledby="received-tab">
                      <table class="table table-sm table-striped">
                        <thead>
                          <tr>
                            <th>Sr.</th>
                            <th>Type</th>
                            <th>Article No</th>
                            <th>Material / Stage / Component</th>
                            <th>Quantity</th>
                          </tr>
                        </thead>
                        <tbody>
                          @if($issueSum->count())
                            @foreach($issueSum as $item)
                              <tr>
                                <td>{{$loop->index + 1}}</td>
                                @if($item->component_product_type_id)
                                  <td><span class="badge badge-warning">Component</span></td>
                                  <td>{{$item->article_no}} - Size {{$item->sname}}</td>
                                  <td>{{$item->component_article_no}} - {{$item->component_name}}</td>
                                @elseif($item->material_id > 0)
                                  <td><span class="badge badge-info">Material</span></td>
                                  <td>{{$item->article_no}} - Size {{$item->sname}}</td>
                                  <td>{{$item->name}}</td>
                                @else
                                  <td><span class="badge badge-success">Product</span></td>
                                  <td>{{$item->article_no}} - Size {{$item->sname}}</td>
                                  <td>{{$item->stage}}</td>
                                @endif
                                <td>{{$item->total_quantity}} {{($item->uname)? $item->uname:$item->puname}}</td>
                              </tr>
                            @endforeach
                          @endif
                        </tbody>
                        <tfoot>
                          <tr>
                            <th>Sr.</th>
                            <th>Type</th>
                            <th>Article No</th>
                            <th>Material / Stage / Component</th>
                            <th>Quantity</th>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label>Description</label>
                    <textarea class="summernote" name="description"></textarea>
                  </div>
                </div>
              </div>
              <div class="form-group row mb-4">
                <div class="col-md-12 text-right">
                  <button class="btn btn-primary" type="submit" onclick="return submits()">Submit</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<script>
  var isReceiveIssuePage = false;
  var issueItems = @json($issueItem);
  // var rstock = @json($rstock);
  var rstock = {!! $rstock->toJson() !!};
  var ajaxPCUrl = "{{ route('ajaxPC') }}";
  var ajaxPSUrl = "{{ route('ajaxPS') }}";

  // Component Product Type Receiving
  $(document).ready(function() {
    // Update receivable stock when component is selected
    $('#component_product_type_id').on('change', function() {
      var selected = $(this).find(':selected');
      var receivable = selected.data('receivable') || 0;
      var unit = selected.data('unit') || 'Pcs';
      $('#component_receivable_stock').val(receivable + ' ' + unit);
      $('#quantityComponent').val('').attr('max', receivable);
    });

    // Add component to receive table
    $('#addBtnComponent').on('click', function() {
      var componentSelect = $('#component_product_type_id');
      var componentId = componentSelect.val();
      var quantity = parseFloat($('#quantityComponent').val()) || 0;

      if (!componentId || quantity <= 0) {
        alert('Please select a component and enter a valid quantity');
        return;
      }

      var selected = componentSelect.find(':selected');
      var receivable = parseFloat(selected.data('receivable')) || 0;
      var componentText = selected.text().split(' | ')[0]; // Get component name without receivable info
      var unit = selected.data('unit') || 'Pcs';
      var productTypeId = selected.data('product-type-id') || 0; // Get parent product's product_type_id

      if (quantity > receivable) {
        alert('Quantity cannot exceed receivable stock (' + receivable + ')');
        return;
      }

      // Add to receive table
      var rowCount = $('#items-table tbody tr').length + 1;
      var row = '<tr>' +
        '<td>' + rowCount + '</td>' +
        '<td>' + componentText + ' <span class="badge badge-warning">Component</span></td>' +
        '<td>-</td>' +
        '<td>-</td>' +
        '<td>' + quantity + ' ' + unit +
          '<input type="hidden" name="material_id[]" value="0">' +
          '<input type="hidden" name="product_type_id[]" value="' + productTypeId + '">' +
          '<input type="hidden" name="stage_id[]" value="0">' +
          '<input type="hidden" name="work_logs[]" value="0">' +
          '<input type="hidden" name="quantity[]" value="' + quantity + '">' +
          '<input type="hidden" name="component_id[]" value="' + componentId + '">' +
        '</td>' +
        '<td><button type="button" class="btn btn-sm btn-danger remove-row"><i class="fas fa-trash"></i></button></td>' +
        '</tr>';

      $('#items-table tbody').append(row);

      // Update receivable quantity in dropdown
      var newReceivable = receivable - quantity;
      selected.data('receivable', newReceivable);
      if (newReceivable <= 0) {
        selected.remove();
      } else {
        selected.text(componentText + ' | Receivable: ' + newReceivable);
      }

      // Reset inputs
      componentSelect.val('').trigger('change');
      $('#component_receivable_stock').val('');
      $('#quantityComponent').val('');
    });
  });
</script>
@endsection