@extends('layouts.app')
 @section('title')
     ORDER VIEW
 @endsection
 @section('button')
     <a type="button" class="btn btn-info" href="{{ route('order.index') }}">
         <i class="bi bi-arrow-left"></i> Back
     </a>
 @endsection
 @section('content')
     <style>
         #mainTable input {
             width: 100px;
         }
     </style>
     <div class="card">
         <div class="card-body">
             <div class="row">
                 <h5>GENERAL INFORMATION</h5>
             </div>
             <br>
             <div class="row">
                 <div class="col-lg-6 col-sm-6 col-12">
                     <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" name="ref_no" id="ref_no" class="form-control rounded-4"
                                 value="{{ $order->ref_no }}">
                         </div>
                     </div>
                 </div>
                 <div class="col-lg-6 col-sm-6 col-12">
                     <div class="row align-items-center">
                         <label for="date" class="form-label col-4">Date :</label>
                         <div class="col-6">
                             <input type="text" readonly name="date" id="date" class="form-control rounded-4"
                                 value="{{ $order->date }}">
                         </div>
                     </div>
                 </div>
                 <div class="col-lg-6 col-sm-6 col-12 mt-3">
                     <div class="row align-items-center">
                         <label for="order_no" class="form-label col-4">Order No :</label>
                         <div class="col-6">
                             <input type="text" name="order_no" id="order_no" class="form-control rounded-4"
                                 value="{{ $order->order_no }}">
                         </div>
                     </div>
                 </div>
                 <div class="col-lg-6 col-sm-6 col-12 mt-3">
                     <div class="row align-items-center">
                         <label for="created_by" class="form-label col-4">Created By :</label>
                         <div class="col-6">
                             <input type="text" readonly name="created_by" id="created_by" class="form-control rounded-4"
                                 value="{{ Auth::user()->user_name }}">
                         </div>
                     </div>
                 </div>

                 <div class="col-lg-6 col-sm-6 col-12 mt-3">
                     <div class="row align-items-center">
                         <label for="customer_id" class="form-label col-4">Customer :</label>
                         <div class="col-6">
                             <select name="customer_id" id="customer_id" class="form-select rounded-4"
                                 style="width: 100% !important;">
                                 <option value="{{ $order->customer_id }}" selected>
                                     {{ $order->customers->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="order_month" class="form-label col-4">Order Month :</label>
                         <div class="col-6">
                             <input type="month" name="order_month" id="order_month" class="form-control rounded-4"
                                 value="{{ \Carbon\Carbon::parse($order->order_month)->format('Y-m') }}">
                         </div>
                     </div>
                 </div>
                 <div class="col-lg-6 col-sm-6 col-12 mt-3">
                     <div class="row align-items-center">
                         <label for="status" class="form-label col-4">Status :</label>
                         <div class="col-6">
                             <select name="status" id="status" class="form-select rounded-4"
                                 style="width: 100% !important;">
                                 <option value="" selected disabled>Select Status</option>
                                 <option value="in-progress" @selected($order->status == 'in-progress')>In Progress</option>
                                 <option value="complete" @selected($order->status == 'complete')>Complete</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="po_no" class="form-label col-4">PO No :</label>
                         <div class="col-6">
                             <input type="text" name="po_no" id="po_no" class="form-control rounded-4"
                                 value="{{ $order->po_no }}">
                         </div>
                     </div>
                 </div>
                 <div class="col-lg-6 col-sm-6 col-12 mt-3">
                     <div class="row align-items-center">
                         <label for="inputGroupFile02" class="form-label col-4">Attachment:</label>
                         <div class="col-6">
                             <input type="file" class="form-control" name="attachment" id="inputGroupFile02" disabled>
                             @if (isset($order->attachment))
                                 <small class="text-muted mt-2">
                                     {{ substr($order->attachment, 14) }}
                                 </small>
                                 <a href="{{ asset('/') }}order-attachments/{{ $order->attachment }}" target="_blank"
                                     id="so_view" style="border-top-left-radius: 0; border-bottom-left-radius: 0;">
                                     <i class="bi bi-eye me-1"></i>
                                 </a>
                             @endif
                         </div>
                     </div>
                 </div>
             </div>
             <br>
             <div class="row">
                 <div class="col-12 d-flex justify-content-between">
                     <h5>PRODUCT DETAIL</h5>
                 </div>
             </div>
             <br>
             <div class="row">
                 <div class="table-responsive">
                     <table class="table table-bordered m-0" id="mainTable">
                         <thead>
                             <tr>
                                 <th>Sr No</th>
                                 <th>Part No</th>
                                 <th>Part Name</th>
                                 <th>Type of Product</th>

                                 <th>Variance</th>
                                 <th>Model</th>
                                 <th>Unit</th>

                                 <th>Firm 1 Month Qty</th>
                                 <th>N+1 Forecast Month Qty</th>
                                 <th>N+2 Forecast Month Qty</th>
                                 <th>N+3 Forecast Month Qty</th>
                                 <th>N+4 Forecast Month Qty</th>
                                 <th>N+5 Forecast Month Qty</th>
                             </tr>
                         </thead>
                         <tbody>
                             @foreach ($order_details as $order_detail)
                                 <tr>
                                     <td>{{ $loop->iteration }}</td>
                                     <td>{{ $order_detail->products->part_no }}</td>
                                     <td>{{ $order_detail->products->part_name }}</td>
                                     <td>{{ $order_detail->products->type_of_products->type ?? '' }}</td>

                                     <td>{{ $order_detail->products->variance }}</td>
                                     <td>{{ $order_detail->products->model }}</td>
                                     <td>{{ $order_detail->products->units->name ?? '' }}</td>
                                     <td><input type="hidden" name="products[{{ $loop->iteration }}][product_id]"
                                             class="product_id" value="{{ $order_detail->product_id }}">
                                         <input type="number" class="form-control"
                                             name="products[{{ $loop->iteration }}][firm_qty]"
                                             value="{{ $order_detail->firm_qty }}">
                                     </td>
                                     <td><input type="number" class="form-control"
                                             name="products[{{ $loop->iteration }}][n1_qty]"
                                             value="{{ $order_detail->n1_qty }}"></td>
                                     <td><input type="number" class="form-control"
                                             name="products[{{ $loop->iteration }}][n2_qty]"
                                             value="{{ $order_detail->n2_qty }}"></td>
                                     <td><input type="number" class="form-control"
                                             name="products[{{ $loop->iteration }}][n3_qty]"
                                             value="{{ $order_detail->n3_qty }}"></td>
                                     <td><input type="number" class="form-control"
                                             name="products[{{ $loop->iteration }}][n4_qty]"
                                             value="{{ $order_detail->n4_qty }}"></td>
                                     <td><input type="number" class="form-control"
                                             name="products[{{ $loop->iteration }}][n5_qty]"
                                             value="{{ $order_detail->n5_qty }}"></td>
                                 </tr>
                             @endforeach
                         </tbody>
                     </table>
                 </div>
             </div>
         </div>
     </div>
     <script>
         $(document).ready(function() {
             $('.card-body input, select').prop('disabled', true);
             $('#mode-selector').removeAttr('disabled');
             $('#mainTable').DataTable();
         });
     </script>
 @endsection