@extends('layouts.app')
@section('title')
    Material Requisition View
@endsection
@section('button')
    <a type="button" class="btn btn-info" href="{{ route('material_requisition.index') }}">
        <i class="bi bi-arrow-left"></i> Back
    </a>
@endsection
@section('content')
    <style>
        #productTable input {
            width: 130px;
        }

        .card {
            overflow-x: hidden;
        }
    </style>

        <div class="card">
            <div class="card-body">
                <div class="row">
                    <h5>Material Requisition Form Details</h5>
                </div>
                <br>
                <div class="row">
                  
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                        <div class="row align-items-center">
                            <label for="ref_no" class="form-label col-4">Ref No.</label>
                            <div class="col-6">
                                <input type="text" readonly value="{{ $material_requisition->ref_no }}" name="ref_no" id="ref_no"
                                    class="form-control rounded-4">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                        <div class="row align-items-center">
                            <label for="request_date" class="form-label col-4">Request Date</label>
                            <div class="col-6">
                                <input type="text" name="request_date" id="request_date" value="{{ $material_requisition->request_date }}"
                                    class="form-control datepicker-current-date rounded-4">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                        <div class="row align-items-center">
                            <label for="request_from" class="form-label col-4">Request From (Dept)</label>
                            <div class="col-6">
                                <select class="form-select" name="request_from" id="request_from"
                                    style="width: 100% !important;">
                                    
                                            <option value="{{ $material_requisition->request_from }}" selected style="color: black;">
                                                {{ $material_requisition->department_from->name }}
                                            </option>
                                       
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                        <div class="row align-items-center">
                            <label for="request_to" class="form-label col-4">Request To (Dept)</label>
                            <div class="col-6">
                                <select class="form-select" name="request_to" id="request_to"
                                    style="width: 100% !important;">
                                    <option value="{{ $material_requisition->request_to }}" selected style="color: black;">
                                                {{ $material_requisition->department_to->name }}
                                            </option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                        <div class="row align-items-center">
                            <label for="remarks" class="form-label col-4">Remarks:</label>
                            <div class="col-6">
                                <textarea name="remarkmain" id="remarks" rows="1" class="form-control rounded-4">{{ $material_requisition->remarkmain }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mt-5">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table table-bordered m-0" id="proShowTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>Production Order NO</th>
                                        <th>Shift</th>
                                        <th>Process</th>
                                        <th>Machine</th>
                                        <th>Planned Date</th>
                                        <th>Total Planned Qty</th>
                                    </tr>
                                </thead>
                                <tbody>

                                @if ($material_requisition_details)
                                @foreach ($material_requisition_details as $key => $row)
                                    <tr>
                                                <td>{{ $key + 1 }} <input type="hidden" name="productionorder[{{ $key }}][product_id]" class="dpp_id" value="{{ $row->product_id }}">
                        <input type="hidden" name="productionorder[{{ $key }}][row_id]" class="row_id" value="{{ $key }}">
                        <input type="hidden" name="productionorder[{{ $key }}][planned_qty]" class="planned_qty" value="{{ $row->planned_qty }}"></td>

                                                <td>
                                                    {{ $row->daily_production_planning->pro_order_no ?? '' }}
                                                    <input type="hidden" name="productionorder[{{ $key }}][pro_order_no]"
                                                        value="{{ $row->daily_production_planning->pro_order_no ?? '' }}"
                                                        class="pro_order_no form-control">
                                                    
                                                </td>

                                                <td>
                                                {{ $row->daily_production_planning->shift ?? '' }}
                                                    <input type="hidden" name="product[{{ $key }}][shift]"
                                                        value="{{ $row['shift'] }}"
                                                        class="shift form-control">
                                                </td>

                                                <td>
                                                    @php
                                                    $parts = explode('/', $row->daily_production_planning->pro_order_no ?? '');
                                                    @endphp
                                                    {{ $parts[4] }}
                                                    <input type="hidden"
                                                        name="product[{{ $key }}][process_name]"
                                                        value="{{ $row['process_name'] }}"
                                                        class="process_name form-control">
                                                </td>

                                                <td>
                                                    {{ $row->daily_production_planning->machines->name ?? '' }}
                                                    <input type="hidden" name="product[{{ $key }}][machine_name]"
                                                        value="{{ $row['machine_name'] }}"
                                                        class="machine_name form-control">
                                                </td>

                                                <td>
                                                    {{  $row->daily_production_planning->planned_date ?? '' }}
                                                    <input type="hidden" name="product[{{ $key }}][planned_date]"
                                                        value="{{ $row->daily_production_planning->planned_date ?? '' }}"
                                                        class="planned_date form-control">
                                                </td>
                                                <td>
                                                    {{  $row->daily_production_planning->planned_qty ?? '' }}
                                                    <input type="hidden" name="product[{{ $key }}][planned_qty]"
                                                        value="{{ $row->daily_production_planning->planned_qty ?? '' }}"
                                                        class="planned_qty form-control">
                                                </td>
                                                
                                            </tr>
                                        @endforeach
                                    @endif

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <br>

                <div class="row">
                    <div id="loading-message" style="margin-bottom: 10px; display: none; font-weight: bold;">
                        Loading data, please wait...
                    </div>
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table table-bordered m-0" id="productTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>Part No.</th>
                                        <th>Part Name</th>
                                        <th>Type of Product</th>
                                        <th>Model</th>
                                        <th>Variance</th>
                                        <th>UOM</th>
                                        <th>Required Qty(BOM)</th>
                                        <th>Current Inventory</th>
                                        <th>Request Qty</th>
                                        <th>Difference</th>
                                        <th>Remarks</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if ($material_requisition_detail_child)
                                        @foreach ($material_requisition_detail_child as $key => $material_detail)
                                        @if ($material_detail->product_id != null)
                                            
                                        <tr>
                                                <td>{{ $key + 1 }}</td>

                                                <td>
                                                    {{ $material_detail->products->part_no ?? '' }}
                                                    <input type="hidden" name="product[{{ $key }}][part_no]"
                                                        value="{{ $material_detail->products->part_no ?? '' }}"
                                                        class="part_no form-control">
                                                    <input type="hidden" name="product[{{ $key }}][product_id]"
                                                        value="{{ $material_detail->product_id ?? '' }}"
                                                        class="product_id form-control">
                                                </td>

                                                <td>
                                                    {{ $material_detail->products->part_name ?? '' }}
                                                    <input type="hidden" name="product[{{ $key }}][part_name]"
                                                        value="{{ $material_detail->products->part_name ?? '' }}"
                                                        class="part_name form-control">
                                                </td>

                                                <td>
                                                    {{ $material_detail->products->type_of_products->type ?? '' }}
                                                    <input type="hidden"
                                                        name="product[{{ $key }}][type_of_product]"
                                                        value="{{ $material_detail->products->type_of_products->type ?? '' }}"
                                                        class="type_of_product form-control">
                                                </td>

                                                <td>
                                                    {{ $material_detail->products->model ?? '' }}
                                                    <input type="hidden" name="product[{{ $key }}][model]"
                                                        value="{{ $material_detail->products->model ?? '' }}"
                                                        class="model form-control">
                                                </td>

                                                <td>
                                                    {{ $material_detail->products->variance ?? '' }}
                                                    <input type="hidden" name="product[{{ $key }}][variance]"
                                                        value="{{ $material_detail->products->variance ?? '' }}"
                                                        class="variance form-control">
                                                </td>

                                                <td>
                                                    <input type="text" readonly
                                                        name="product[{{ $key }}][uom]"
                                                        value="{{ $material_detail->products->units->name ?? '' }}" class="uom form-control">
                                                </td>

                                                <td>
                                                    <input type="text" readonly
                                                        name="product[{{ $key }}][bom_qty]"
                                                        value="{{ $material_detail->bom_qty ?? '' }}" id="bom_qty"
                                                        class="bom_qty form-control">
                                                </td>

                                                <td>
                                                    <input type="text" readonly
                                                        name="product[{{ $key }}][inventory_qty]"
                                                        value="{{ $material_detail->inventory_qty ?? '' }}"
                                                        class="inventory form-control">
                                                </td>

                                                <td>
                                                    <input type="number" min="0" id="request_qty"
                                                        name="product[{{ $key }}][request_qty]"
                                                        value="{{ $material_detail->request_qty ?? 0 }}"
                                                        class="request_qty form-control" step="0.001">
                                                </td>

                                                <td>
                                                    <input type="text" readonly
                                                        name="product[{{ $key }}][difference]"
                                                        value="{{ $material_detail->difference ?? '' }}"
                                                        class="difference form-control">
                                                </td>

                                                <td>
                                                    <input type="text" name="product[{{ $key }}][remarks]"
                                                        value="{{ $material_detail->remarks ?? '' }}"
                                                        class="remarks form-control">
                                                </td>

                                            </tr>
                                            @endif    
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
          
        </div>

  
    <link rel="stylesheet" href="{{ asset('assets/css/bootstrap-datepicker.min.css') }}">
    <script src="{{ asset('assets/js/bootstrap-datepicker.min.js') }}"></script>
    <script>
     
        $(document).ready(function() {
        
            productTable = $('#productTable').DataTable();
            proShowTable = $('#proShowTable').DataTable();
            
            $('.card-body').find('input,textarea,select').prop('disabled', true);
            
        });
    </script>

@endsection