@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', $production->id) }}" class="mb-3 border"
        id="update-item-form">
        @csrf
        @method('PATCH')
        <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>
                    {{ __('Complete 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>

                        <div class="form-control">{{ $production->mainitem->item->name }}</div>
                    </div>
                </div>
                <div class="col-md-4 mb-2 ">
                    <div class="form-group">
                        <label class="label">{{ __('Inventory') }}</label>
                        <div class="form-control">{{ $production->mainitem->inventory->name }}</div>
                    </div>

                </div>
                <div class="col-md-4 mb-2 ">
                    <div class="form-group">
                        <label class="label">{{ __('Quantity/Weight') }}</label>
                        <div class="form-control">{{ $production->mainitem->value }}</div>
                    </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>
                        <div class="form-control">{{ $production->mainitem->number_of_elements_for_each_item }}</div>
                    </div>
                </div>
                <div class="col-md-6 mb-2">
                    <div class="form-group">
                        <label class="label">{{ __('Production Line') }}</label>
                        <div class="form-control">{{ $production->productionLine->name }}</div>
                    </div>
                </div>
                <div class="col-md-12 mb-2">
                    <div class="form-group">
                        <label class="label">{{ __('Expected Quantity') }}</label>
                        <input type="number" step="any" 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>
            <!-- Start of second form -->

            <div class="row m-0 mt-4 bg-white shadow rounded p-3">
                <div class="col-md-12">
                    <h6 class="text-center mb-3 pt-3">{{ __('Raw Material Items') }}</h6>
                </div>


                <div class="col-md-12 p-0">
                    <table class="table table-striped table-bordered w-100" 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>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($production->rawMaterialItems as $item)
                                <tr>
                                    <td>
                                        {{ $item->item->name }}
                                    </td>
                                    <td>
                                        {{ $item->inventory->name }}
                                    </td>
                                    <td>
                                        {{ $item->value }}
                                    </td>
                                    <td>
                                        {{ $item->number_of_elements_for_each_item }}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- Cost Information -->
            <div class="col-md-12 border p-3 bg-white shadow rounded p-3 mt-3">
                <h6 class="text-center">{{ __('Additional Cost Information') }}</h6>
                <div>
                    <div class="row">

                    </div>
                    <div class="col-md-12">
                        <button type="button" class="btn btn-primary mt-4 w-100 add-cost">{{ __('Add') }}</button>
                    </div>
                </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-4">
                        <label>{{ __('Final Item') }}</label>
                        <div class="form-control">{{ $production->item->name }}</div>
                    </div>
                    <div class="col-md-4">
                        <label>{{ __('Final Item Inventory') }}</label>
                        <select name="final_item_inventory" class="form-control select2">
                            <option value="">{{ __('Select') }}</option>
                            @foreach (\App\Models\Inventories\Inventory::pluck('name', 'id') as $key => $value)
                                <option value="{{ $key }}">{{ $value }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label>{{ __('Quantity/Weight Produced') }}</label>
                        <input type="number" id="final_item_value" name="final_item_value" class="form-control" />
                    </div>
                </div>
            </div>


            <!-- Damaged Items Information -->
            <div class="col-12 border p-3 bg-white shadow rounded p-3 mt-3">
                <h6 class="text-center mb-3">{{ __('Inventory Usage Details / Per Unit Produced') }}</h6>
                <table class="table table-striped table-bordered w-100" id="invetory-usage-details">
                    <thead>
                        <tr>
                            <td>{{ __('Item Name') }}</td>
                            <td>{{ __('Production Capacity') }}</td>
                            <td>{{ __('Used Quantity/Value') }}</td>
                            <td>{{ __('Damaged Quantity/Value') }}</td>
                            <td>{{ __('Returned quantity without division') }}</td>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($production->items as $item)
                            <tr>
                                <td>{{ $item->item->name }}</td>
                                <td>
                                    <input class="form-control" hidden
                                        value="{{ $item->value * $item->number_of_elements_for_each_item }}" type="number"
                                        name="production_capacity[{{ $item->id }}]" readonly
                                        placeholder="{{ __('Production Capacity') }}" />
                                    {{ $item->value }} * {{ $item->number_of_elements_for_each_item }} =
                                    {{ $item->value * $item->number_of_elements_for_each_item }}
                                </td>
                                <td>
                                    <input class="form-control" data-value="{{ $item->value }}"
                                        name="used_value[{{ $item->id }}]"
                                        data-number_of_elements_for_each_item="{{ $item->number_of_elements_for_each_item }}"
                                        value="{{ $item->value * $item->number_of_elements_for_each_item }}" type="number"
                                        placeholder="{{ __('Used Quantity/Value') }}" />
                                </td>
                                <td>
                                    <input class="form-control" value="0" name="damaged_value[{{ $item->id }}]"
                                        type="number" placeholder="{{ __('Damaged Quantity/Value') }}" />
                                </td>
                                <td>
                                    <input name="returnd_value[{{ $item->id }}]" class="form-control" value="0"
                                        type="number" placeholder="{{ __('Returned Quantity') }}" />
                                </td>
                            </tr>
                        @endforeach

                    </tbody>
                </table>

            </div>

            <div class="text-center mt-4">
                <button class="btn btn-primary">{{ __('Process') }}</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/process.js') }}"></script>
@endsection