@extends('layouts.app')
@section('title')
    Stock Relocation View
@endsection
@section('button')
    <a type="button" class="btn btn-info" href="{{ route('stock_relocation.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">
                <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 name="ref_no" id="ref_no" class="form-control rounded-4"
                                value="{{ $stock_relocation->ref_no }}">
                        </div>
                </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                <div class="row align-items-center">
                            <label for="date" class="form-label col-4">Created Date</label>
                            <div class="col-6">
                            <input type="text" readonly name="date" id="date" class="form-control rounded-4"
                                value="{{ date('d-m-Y') }}">
                        </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">
                            <textarea name="description" disabled id="description" rows="1" class="form-control rounded-4">{{ $stock_relocation->description }}</textarea>
                        </div>
                </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12 mt-3">
                <div class="row align-items-center">
                            <label for="transfer_by" class="form-label col-4">Transfer By</label>
                            <div class="col-6">
                            <input type="text" readonly name="transfer_by" id="transfer_by" class="form-control rounded-4"
                                value="{{ Auth::user()->user_name }}">
                        </div>
                </div>
                    </div>
                </div>
            <br>
            <div class="row">
                <h5>LOCATION TRANSFER</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="previous_location" class="form-label col-4">Previous Location</label>
                        <div class="col-6">
                        <select name="previous_location" id="previous_location" class="form-select" style="width:100%!important;">
                            <option value="" selected disabled>Please Select</option>
                            @foreach ($locations as $location)
                                <option data-area-id="{{ $location->area->id }}" data-rack-id="{{ $location->rack->id }}"
                                    data-level-id="{{ $location->level->id }}"
                                    value="{{ $location->area->name }}->{{ $location->rack->name }}->{{ $location->level->name }}"
                                    @selected($stock_relocation->previous_area_id == $location->area->id && $stock_relocation->previous_rack_id == $location->rack->id && $stock_relocation->previous_level_id == $location->level->id)>
                                    {{ $location->area->name }}->{{ $location->rack->name }}->{{ $location->level->name }}
                                </option>
                            @endforeach
                        </select>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-6 col-12 mt-3">
                <div class="row align-items-center">
                        <label for="new_location" class="form-label col-4">New Location</label>
                        <div class="col-6">
                        <select name="new_location" id="new_location" class="form-select" style="width:100%!important;">
                            <option value="" selected disabled>Please Select</option>
                            @foreach ($locations as $location)
                                <option data-area-id="{{ $location->area->id }}" data-rack-id="{{ $location->rack->id }}"
                                    data-level-id="{{ $location->level->id }}"
                                    value="{{ $location->area->name }}->{{ $location->rack->name }}->{{ $location->level->name }}"
                                    @selected($stock_relocation->new_area_id == $location->area->id && $stock_relocation->new_rack_id == $location->rack->id && $stock_relocation->new_level_id == $location->level->id)>
                                    {{ $location->area->name }}->{{ $location->rack->name }}->{{ $location->level->name }}
                                </option>
                            @endforeach
                        </select>
                        </div>
                    </div>
                </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>Unit</th>
                                <th>Available Qty</th>
                                <th>Quantity</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($stock_relocation_details as $stock_relocation_detail)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $stock_relocation_detail->products->part_no }}</td>
                                    <td>{{ $stock_relocation_detail->products->part_name }}</td>
                                    <td>{{ $stock_relocation_detail->products->units->name ?? '' }}</td>
                                    @php
                                        $used_qty = App\Models\Location::where(
                                            'product_id',
                                            $stock_relocation_detail->product_id,
                                        )
                                            ->where('area_id', $stock_relocation_detail->previous_area_id)
                                            ->where('rack_id', $stock_relocation_detail->previous_rack_id)
                                            ->where('level_id', $stock_relocation_detail->previous_level_id)
                                            ->sum('used_qty');
                                    @endphp
                                    <td><input type="number" readonly class="form-control available_qty"
                                            name="products[{{ $loop->iteration }}][available_qty]"
                                            value="{{ $stock_relocation_detail->available_qty + $used_qty }}"><input
                                            type="hidden" name="products[{{ $loop->iteration }}][product_id]"
                                            class="product_id"
                                            value="{{ $stock_relocation_detail->product_id }}">
                                    </td>
                                    <td><input type="number" class="form-control qty"
                                            name="products[{{ $loop->iteration }}][qty]"
                                            value="{{ $stock_relocation_detail->qty }}">
                                    </td>
                                    <td><button disabled type="button" class="btn btn-danger btn-sm remove-product"><i
                                                class="bi bi-trash"></i></button></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('.card-body input, select').prop('disabled', true);
            $('#mainTable').DataTable();
        });
    </script>
@endsection