@extends('layouts.app')
@push('css')
    <style>
        .label {
            font-size: 18px !important;
        }
    </style>
@endpush
@section('content')
    <form data-get_avilable_items="{{ route('dashboard.operations.productions.get-inventories') }}"
        data-index="{{ route('dashboard.operations.productions.index') }}"
        action="{{ route('dashboard.operations.productions.update-before-approve', $production->id) }}" class="mb-3 border"
        id="add-item-form">
        <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-cards-variant menu-icon"></i>
                    </span>
                    {{ __('Update Production Process') }}
                </h3>
            </div>
            <div class="row basic_item bg-white shadow rounded p-3 m-0">
                <div class="col-md-4 mb-2">
                    <div class="form-group">
                        <label class="label">{{ __('Basic Item') }}</label>
                        <select id="basic-item" name="basic_item" class="form-control select2">
                            <option value="">{{ __('Select') }}</option>
                            @foreach (\App\Models\Item::pluck('name', 'id') as $key => $value)
                                <option {{ $production->mainitem->item_id == $key ? 'selected' : '' }}
                                    value="{{ $key }}">{{ $value }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-4 mb-2 " id="inventories-area">
                    <div class="form-group">
                        <label class="label">{{ __('Inventory') }}</label>
                        <select name="inventory_id" class="form-control select2" id="inventory_id">
                            <option value="">{{ __('Select') }}</option>
                            @foreach (\App\Models\Inventories\Inventory::pluck('name', 'id') as $key => $value)
                                <option {{ $production->mainitem->inventory_id == $key ? 'selected' : '' }}
                                    value="{{ $key }}">{{ $value }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-4 mb-2 ">
                    <div class="form-group">
                        <label class="label">{{ __('Quantity/Weight') }}</label>
                        <input type="number" id="value" step="any" name="value"
                            value="{{ $production->mainitem->value }}" class="form-control"
                            placeholder="{{ __('Quantity/Weight') }}">
                    </div>
                </div>
                <div class="col-12"></div>
                <div class="col-md-6 mb-2">
                    <div class="form-group">
                        <label class="label">{{ __('Number Of Production Item Per Item') }}</label>
                        <input type="number" step="any" id="number_of_production_item_per_item"
                            name="number_of_production_item_per_item"
                            value="{{ $production->mainitem->number_of_elements_for_each_item }}" class="form-control"
                            placeholder="{{ __('Number Of Production Item Per Item') }}">
                    </div>
                </div>
                <div class="col-md-6 mb-2">
                    <div class="form-group">
                        <label class="label">{{ __('Production Line') }}</label>
                        <select name="production_line_id" class="select2">
                            <option value="">{{ __('Select') }}</option>
                            @foreach (\App\Models\Operations\ProductionLine::pluck('name', 'id') as $key => $value)
                                <option {{ $production->production_line_id == $key ? 'selected' : '' }}
                                    value="{{ $key }}">{{ $value }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-12 mb-2">
                    <div class="form-group">
                        <label class="label">{{ __('Expected Quantity') }}</label>
                        <input type="number" step="any" id="expected_quantity" name="expected_quantity" readonly
                            value="{{ $production->mainitem->number_of_elements_for_each_item * $production->mainitem->value }}"
                            class="form-control" placeholder="{{ __('Expected Quantity') }}">
                    </div>
                </div>
                <div class="col-md-12 mb-2">
                    <button type="button" class="btn btn-primary w-100 use">{{ __('Use') }}</button>
                    <button type="button" class="btn btn-danger w-100 d-none cancel-process">{{ __('Cancel') }}</button>
                </div>
            </div>
            <!-- Start of second form -->
            <div id="add-row-matrial-item" class="mb-3 bg-white shadow rounded p-2"
                data-action="{{ route('dashboard.operations.productions.add-row') }}">
                @csrf
                <div class="row m-0 mt-4">
                    <div class="col-md-12">
                        <h6 class="text-center mb-3">{{ __('Raw Material Items') }}</h6>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group">
                            <label class="label">{{ __('Basic Item') }}</label>
                            <select id="raw-matrial-item" name="raw-matrial-item" class="form-control select2">
                                <option value="">{{ __('Select') }}</option>
                                @foreach (\App\Models\Item::rowMatiral()->pluck('name', 'id') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-2 d-none" id="raw-matrial-inventories-area">
                        <div class="form-group">
                            <label class="label">{{ __('Inventory') }}</label>
                            <select name="raw-matrial-inventory-id" class="form-control select2"
                                id="raw-matrial-inventory-id">
                                <option value="">{{ __('Select') }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-2 d-none" id="raw-matrial-value-area">
                        <div class="form-group">
                            <label class="label">{{ __('Quantity/Weight') }}</label>
                            <input type="number" id="raw-matrial-value" step="any" name="raw-matrial-value"
                                class="form-control" placeholder="{{ __('Quantity/Weight') }}">
                        </div>
                    </div>
                    <div class="col-md-12 mb-2">
                        <div class="form-group">
                            <label
                                class="label">{{ __('Number Of Elements Used In The Production Of Each Item') }}</label>
                            <input type="number" step="any"
                                id="number_of_elements_used_in_the_production_of_each_item"
                                name="number_of_elements_used_in_the_production_of_each_item" class="form-control"
                                placeholder="{{ __('Number Of Elements Used In The Production Of Each Item') }}">
                        </div>
                    </div>
                    <div class="col-md-12 mb-2">
                        <button type="button" id="raw-matrial-button"
                            class="btn btn-primary w-100">{{ __('Add') }}</button>
                    </div>
                </div>
                <div class="col-md-12">
                    <table class="table table-striped table-bordered" id="raw-matrial-items">
                        <thead>
                            <tr>
                                <th>{{ __('Basic Item') }}</th>
                                <th>{{ __('Inventory') }}</th>
                                <th>{{ __('Quantity/Weight') }}</th>
                                <th>{{ __('Number Of Elements For Each item') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($production->rawMaterialItems as $item)
                                <tr>
                                    <td>
                                        {{ $item->item->name }}
                                        <input type="hidden" name="row_material_item_id[]"
                                            value="{{ $item->item_id }}">
                                    </td>
                                    <td>
                                        {{ $item->inventory->name }}
                                        <input type="hidden" name="row_material_inventory_id[]"
                                            value="{{ $item->inventory_id }}">
                                    </td>
                                    <td>
                                        {{ $item->value }}
                                        <input type="hidden" name="row_material_inventory_value[]"
                                            value="{{ $item->value }}">
                                    </td>
                                    <td>
                                        {{ $item->number_of_elements_for_each_item }}
                                        <input type="hidden"
                                            name="number_of_elements_used_in_the_production_of_each_item[]"
                                            value="{{ $item->number_of_elements_for_each_item }}">
                                    </td>
                                    <td>
                                        <button
                                            class="btn btn-danger delete-raw-matrial-items">{{ __('Remove') }}</button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Final Item Information -->
            <div class="col-12 border p-3 bg-white shadow rounded p-3 mt-3">
                <h6 class="text-center mb-3">{{ __('Final Item Information') }}</h6>
                <div class="row">
                    <div class="col-md-12">
                        <label>{{ __('Final Item') }}</label>
                        <select name="final_item" class="form-control select2">
                            <option value="">{{ __('Select') }}</option>
                            @foreach (\App\Models\Item::pluck('name', 'id') as $key => $value)
                                <option {{ $production->item_id == $key ? 'selected' : '' }} value="{{ $key }}">
                                    {{ $value }}</option>
                            @endforeach
                        </select>
                    </div>

                </div>
            </div>
            <div class="text-center mt-4">
                <button class="btn btn-primary">{{ __('Save') }}</button>
            </div>
        </div>
    </form>
@endsection
@section('scripts')
    <script src="{{ asset('assets/js/pages/common/loader-for-post-request.js') }}"></script>
    <script src="{{ asset('assets/js/pages/operations/productions/edit-before-approve.js') }}"></script>
@endsection