@extends('layouts.app')
@section('title')
    Transfer Request View
@endsection
@section('button')
    <a type="button" class="btn btn-info" href="{{ route('transfer_request.index') }}">
        <i class="bi bi-arrow-left"></i> Back
    </a>
@endsection
@section('content')
    <style>
        #productTable input {
            width: 130px;
        }
    </style>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <h5>TRANSFER REQUEST 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">Tr No.</label>
                        <div class="col-6">
                            <input type="text" disabled value="{{ $tr->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="mrf_no" class="form-label col-4">MRF No.</label>
                        <div class="col-6">
                            <select name="mrf_no" id="mrf_no" disabled class="form-select" onchange="change_mrf()"
                                style="width: 100% !imporatant;">
                                <option value="" selected disabled>Please Select</option>
                                <option value="{{ $tr->mrf_no }}" selected>
                                    {{ $tr->mrf->ref_no ?? '' }}
                                </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_date" class="form-label col-4">Request Date</label>
                        <div class="col-6">
                            <input type="text" disabled value="{{ $tr->request_date }}" name="request_date"
                                id="request_date" 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="shift" class="form-label col-4">Shift</label>
                        <div class="col-6">
                            <input type="text" disabled value="{{ $tr->shift }}" name="shift" id="shift"
                                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_from" class="form-label col-4">Request From (Dept)</label>
                        <div class="col-6">
                            <select disabled name="request_from" id="request_from" class="form-select"
                                style="width: 100% !imporatnat;">
                                <option value="{{ $tr->request_from }}" selected>
                                    {{ $tr->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="machine" class="form-label col-4">Machine</label>
                        <div class="col-6">
                            <input type="text" disabled value="{{ $tr->machines->name ?? '' }}" id="machine_name"
                                class="form-control rounded-4">
                            <input type="hidden" value="{{ $tr->machine }}" name="machine_id" id="machine_id"
                                class="form-control">
                        </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 name="request_to" disabled id="request_to" class="form-select"
                                style="width: 100% !imporatnat;">
                                <option value="{{ $tr->request_to }}" selected>
                                    {{ $tr->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="description" class="form-label col-4">Description</label>
                        <div class="col-6">
                            <input type="text" disabled name="description" id="description" rows="4" cols="4"
                                class="form-control rounded-4" value="{{ old('description', $tr->description ?? '') }}">
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-12 d-flex justify-content-between">
                    <h5>ISSUER</h5>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-sm-6 col-12 mt-3">
                    <div class="row align-items-center">
                        <label for="issue_by" class="form-label col-4">Issue By</label>
                        <div class="col-6">
                            <input type="text" disabled id="issue_by"
                                value="{{ $tr->issue_by_user->user_name ?? '' }}" 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="issue_date" class="form-label col-4">Issue Date</label>
                        <div class="col-6">
                            <input type="text" disabled name="issue_date" id=""
                                value="{{ $tr->issue_date ?? '' }}" 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="issue_remarks" class="form-label col-4">Remarks</label>
                        <div class="col-6">
                            <input type="text" disabled name="issue_remarks" id="issue_remarks"
                                value="{{ $tr->issue_remarks }}" 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="time" class="form-label col-4">Time</label>
                        <div class="col-6">
                            <input type="text" disabled name="issue_time" value="{{ $tr->issue_time }}"
                                id="time" class="form-control rounded-4" />
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-12 d-flex justify-content-between">
                    <h5>RECEIVER</h5>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-sm-6 col-12 mt-3">
                    <div class="row align-items-center">
                        <label for="rcv_by" class="form-label col-4">Received By</label>
                        <div class="col-6">
                            <input type="text" disabled id="rcv_by" value="{{ $user2->user_name ?? '' }}"
                                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="rcv_date" class="form-label col-4">Received Date</label>
                        <div class="col-6">
                            <input type="text" disabled name="rcv_date" id=""
                                value="{{ $tr->rcv_date ?? '' }}" 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="rcv_remarks" class="form-label col-4">Remarks</label>
                        <div class="col-6">
                            <input type="text" disabled name="rcv_remarks" id="rcv_remarks"
                                value="{{ $tr->rcv_remarks }}" 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="time" class="form-label col-4">Time</label>
                        <div class="col-6">
                            <input type="time" disabled name="rcv_time" value="{{ $tr->rcv_time }}" id="time"
                                class="form-control rounded-4" />
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-12 d-flex justify-content-between">
                    <h5>PRODUCT/MATERIAL DETAILS</h5>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive">
                        <table class="table table-bordered m-0" id="productTable">
                            <thead>
                                <tr>
                                    <th>Sr No</th>
                                    <th>Part No.</th>
                                    <th>Part Name</th>
                                    <th>Type</th>
                                    <th>Model</th>
                                    <th>Unit</th>
                                    <th>Issue Qty</th>
                                    <th>Issue Remarks</th>
                                    <th>Receive Qty</th>
                                    <th>Receive Remarks</th>
                                    <th>Balance</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($trds as $index => $data)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>
                                            {{ $data->products->part_no ?? '' }}
                                            <input type="hidden" name="product[{{ $index }}][product_id]"
                                                class="product_id form-control" value="{{ $data->product_id }}">
                                        </td>
                                        <td>{{ $data->products->part_name ?? '' }}</td>
                                        <td>{{ $data->products->type_of_products->type ?? '' }}</td>
                                        <td>{{ $data->products->model ?? '' }}</td>
                                        <td>{{ $data->products->units->name ?? '' }}</td>
                                        <td>
                                            <input readonly name="product[{{ $index }}][req_qty]"
                                                value="{{ $data->request_qty }}" class="qty form-control">
                                        </td>
                                        <td>
                                            <input readonly name="product[{{ $index }}][remarks]"
                                                value="{{ $data->request_remarks }}" class="remarks form-control">
                                        </td>
                                        <td>
                                            <input readonly name="product[{{ $index }}][rcv_qty]"
                                                value="{{ $data->rcv_qty ?? '' }}" class="form-control">
                                        </td>
                                        <td>
                                            <input readonly name="product[{{ $index }}][rcv_remarks]"
                                                value="{{ $data->rcv_remarks ?? '' }}" class="form-control">
                                        </td>
                                        <td>
                                            <input readonly name="product[{{ $index }}][balance]"
                                                value="{{ $data->request_qty - $data->rcv_qty }}" class="form-control">
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- PRODUCTS MODAL --}}
    <div class="modal fade" id="product_modal" tabindex="-1" aria-labelledby="exampleModalCenterTitle"
        aria-modal="true" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalCenterTitle">
                        PRODUCTS
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-bordered m-0 w-100" id="modalTable">
                            <thead>
                                <tr>
                                    <th>Select</th>
                                    <th>Part No</th>
                                    <th>Part Name</th>
                                    <th>Unit</th>
                                    <th>Model</th>
                                    <th>Variance</th>
                                    <th>Type of Product</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondry" data-bs-dismiss="modal">
                        CANCEL
                    </button>
                    <button type="button" class="btn btn-primary" onclick="add_product()">
                        ADD
                    </button>
                </div>
            </div>
        </div>
    </div>

    {{-- LOCATIONS MODAL --}}
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">ALLOCATION</h5>
                    <input type="hidden" class="product_ids">
                    <input type="hidden" class="trd_ids">
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12 d-flex justify-content-between">
                            <div>Part No: <span class="part_no_text"></span></div>
                            <div>Request Quantity: <span class="request_qty_text"></span></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 d-flex justify-content-between">
                            <div>Part Name: <span class="part_name_text"></span></div>
                            <div>Receive: <span class="issue_qty_text"></span></div>
                        </div>
                    </div>
                    <br>
                    <div class="table-responsive" id="popUp">
                        <table class="table table-bordered m-0 w-100" id="allocationTable">
                            <thead>
                                <tr>
                                    <th>Location</th>
                                    <th>Lot No</th>
                                    <th>Receive Qty</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" id="saveModal">Add</button>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('#productTable').DataTable();
        });
    </script>
@endsection