@extends('layouts.app')

@push('css')
@endpush

@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-apps menu-icon"></i>
                </span> {{ __('Manage Inventories') }}
            </h3>
        </div>
        <div class="container  p-0 ">
            <form id="manage-inventory"
            data-expiry_date="{{ route('dashboard.inventories.manage-inventories.get-expire-item-dates') }}"
            class=" bg-white rounded rounded-lg p-3 mb-4">
                <div class="row m-0">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{ __('Item Name') }}</label>
                            <select name="item_id" id="item_id" class="form-control select2">
                                <option value="">{{ __('Select Item') }}</option>
                                @foreach (\App\Models\Item::pluck('name', 'id') as $id => $name)
                                    <option value="{{ $id }}">{{ $name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{ __('Inventory Name') }}</label>
                            <select name="inventory_id" id="inventory_id" class="form-control select2">
                                <option value="">{{ __('Select Item') }}</option>
                                @foreach (\App\Models\Inventories\Inventory::pluck('name', 'id') as $id => $name)
                                    <option value="{{ $id }}">{{ $name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-12 p-0 d-none" id="expire_date">
                        <div class="row m-0">
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('Expire Date') }}</label>
                                    <select name="expire_date_list" class="form-control select2" id="expire-date-list">
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label>{{ __('Damage Inventory Name') }}</label>
                                    <select name="damage_inventory_id" id="damage_inventory_id"
                                        class="form-control select2">
                                        <option value="">{{ __('Select Item') }}</option>
                                        @foreach (config('app.globals.out_source_inventory_ids') as $inventory)
                                            <option value="{{ $inventory }}">{{ __($inventory) }}</option>
                                        @endforeach
                                        @foreach (\App\Models\Inventories\Inventory::pluck('name', 'id') as $id => $name)
                                            <option value="{{ $id }}">{{ $name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 ">
                                <div class="form-group">
                                    <label>{{ __('Available Quantity / Weight') }}</label>
                                    <input disabled type="number" class="form-control" id="available_quantity">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>{{ __('Damaged Quantity / Weight') }}</label>
                                    <input type="number" class="form-control" id="quantity">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>{{ __('Remaining Quantity / Weight') }}</label>
                                    <input type="number" disabled class="form-control" id="remaining_quantity">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-center">
                        <button class="btn customBackGroundColore">{{ __('Transport') }}</button>
                    </div>
                </div>
            </form>
            <form id="destroy-items" class=" bg-white p-3 rounded rounded-lg" action="{{ route('dashboard.inventories.manage-inventories.make-damaged-items') }}"
                method="POST">
                @csrf
                <div class="table-responsive mt-5">
                    <div class="form-group">
                        <label>{{ __('To Expense') }}</label>
                        <select class="select2" name="account_id">
                            <option>{{ __('Select Item') }}</option>
                            @foreach ($accounts as $account)
                                <option value="{{ $account->id }}">{{ $account->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div id="error-list" class="error alert alert-danger p-3 d-none"></div>
                    <table

                    class="table">
                        <thead>
                            <tr>
                                <th>{{ __('Item Name') }}</th>
                                <th>{{ __('Source Inventory') }}</th>
                                <th>{{ __('Destination Inventory Damage') }}</th>
                                <th>{{ __('Quantity / Weight') }}</th>
                                <th>{{ __('Expire Date') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>

                        </thead>
                        <tbody>

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

                <div class="text-center mt-4">
                    <button class="btn btn-danger">{{ __('Transport Items') }}</button>
                </div>
            </form>
        </div>
    </div>
    <div class="spinner-layer d-none">
        <div class="spinner"></div>
        <p class="fs-3">جاري تنفيذ الطلب</p>
    </div>
@endsection



@section('scripts')
    <script src="{{ asset('/assets/js/pages/inventories/manage-inventory.js') }}"></script>
@endsection