@extends('pages.stock.ingredient.layout')

@section('body')
    <div id="kt_content_container" class="container-xxl">
        <div class="my-3 text-end">
            <button class="btn btn-sm btn-primary"
                    data-bs-toggle="modal"
                    data-bs-target="#destockingIngredientModal">Destockage</button>
        </div>
        <!--begin::Card-->
        <div class="card">
            <!--begin::Card body-->
            <div class="card-body pt-0">
                <div class="table-responsive">
                    <!--begin::Table-->
                    <table data-toggle="table"
                           data-search="true"
                           data-sort-class="table-active"
                           data-sortable="true"
                           data-pagination="true"
                           data-pagination-loop="true"
                           data-page-size="10"
                           data-show-print="true"
                           data-show-export="true"
                           data-toolbar="#toolbar"
                           data-click-to-select="true"
                           data-show-toggle="true"
                           data-show-columns="true"
                           data-show-fullscreen="true"
                           class="table align-middle table-row-dashed fs-6 gy-5 table-hover"
                           id="kt_customers_table">
                        <!--begin::Table head-->
                        <thead>
                        <!--begin::Table row-->
                        <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                            <th class="w-10px pe-2">
                                <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                                    <input class="form-check-input" type="checkbox" data-kt-check="true" data-kt-check-target="#kt_customers_table .form-check-input" value="1" />
                                </div>
                            </th>
                            <th data-field="ingredient"
                                data-sortable="true" class="min-w-200px">Ingredient</th>
                            <th data-field="in"
                                data-sortable="true" class="min-w-200px">Quantité entrant</th>
                            <th data-field="out"
                                data-sortable="true" class="min-w-200px">Quantité sortant</th>
                            <th data-field="available"
                                data-sortable="true" class="min-w-200px">Quantité restant</th>
                        </tr>
                        <!--end::Table row-->
                        </thead>
                        <!--end::Table head-->
                        <!--begin::Table body-->
                        <tbody class="fw-bold text-gray-600">
                        @forelse($ingredients as $ingredient)
                            <tr>
                                <!--begin::Checkbox-->
                                <td>
                                    <div class="form-check form-check-sm form-check-custom form-check-solid">
                                        <input class="form-check-input" type="checkbox" value="1" />
                                    </div>
                                </td>
                                <!--end::Checkbox-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="#" class="text-dark fw-bolder text-hover-primary fs-3">{{ $ingredient->name }}</a>
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="#" class="text-dark fw-bolder text-hover-primary fs-3">
                                                {{ \App\Services\IngredientService::total_ingredient_quantity_in_supply($ingredient) }}
                                            </a>
                                            <span class="text-muted">({{$ingredient->unit_measurement->id}})</span>
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="#" class="text-dark fw-bolder text-hover-primary fs-3">
                                                {{ number_format(\App\Services\IngredientClearenceService::total_quantity_destocking($ingredient), 0, '', ' ') }}
                                            </a>
                                            <span class="text-muted">({{$ingredient->unit_measurement->id}})</span>
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="#" class="text-dark fw-bolder text-hover-primary fs-3">
                                                {{ number_format($ingredient->available_quantity, 0, '', ' ') }}
                                            </a>
                                            <span class="text-muted">({{$ingredient->unit_measurement->id}})</span>
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5">
                                    <div class="text-center text-muted py-5 fs-3">
                                        Aucune information à afficher
                                        <div>
                                            <span class="fa fa-folder-open display-3"></span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                        <!--end::Table body-->
                    </table>
                    <!--end::Table-->
                </div>
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->

        <!--begin::Card-->
        <div class="card mt-5">
            <!--begin::Card body-->
            <div class="card-body ">
                <h4 class="text-center">Detail sur la sorti des ingredients</h4>
                <div class="table-responsive">
                    <!--begin::Table-->
                    <table data-toggle="table"
                           data-search="true"
                           data-sort-class="table-active"
                           data-sortable="true"
                           data-pagination="true"
                           data-pagination-loop="true"
                           data-page-size="10"
                           data-show-print="true"
                           data-show-export="true"
                           data-toolbar="#toolbar"
                           data-click-to-select="true"
                           data-show-toggle="true"
                           data-show-columns="true"
                           data-show-fullscreen="true"
                           class="table align-middle table-row-dashed fs-6 gy-5 table-hover"
                           id="kt_customers_table">
                        <!--begin::Table head-->
                        <thead>
                        <!--begin::Table row-->
                        <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                            <th class="w-10px pe-2">
                                <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                                    <input class="form-check-input" type="checkbox" data-kt-check="true" data-kt-check-target="#kt_customers_table .form-check-input" value="1" />
                                </div>
                            </th>
                            <th data-field="ingredient"
                                data-sortable="true" class="min-w-200px">Ingredient</th>
                            <th data-field="out"
                                data-sortable="true" class="min-w-200px">Quantité sortant</th>
                            <th data-field="date_out"
                                data-sortable="true" class="min-w-200px">Date de sorti</th>
                            <th data-field="reason"
                                data-sortable="true" class="min-w-200px">Motif de sorti</th>
                        </tr>
                        <!--end::Table row-->
                        </thead>
                        <!--end::Table head-->
                        <!--begin::Table body-->
                        <tbody class="fw-bold text-gray-600">
                        @forelse($clearences as $clearence)
                            <tr>
                                <!--begin::Checkbox-->
                                <td>
                                    <div class="form-check form-check-sm form-check-custom form-check-solid">
                                        <input class="form-check-input" type="checkbox" value="1" />
                                    </div>
                                </td>
                                <!--end::Checkbox-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="#" class="text-dark fw-bolder text-hover-primary fs-3">{{ $clearence->ingredient->name }}</a>
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="#" class="text-dark fw-bolder text-hover-primary fs-3">
                                                {{ $clearence->quantity }}
                                            </a>
                                            <span class="text-muted">({{$clearence->ingredient->unit_measurement->id}})</span>
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="#" class="text-dark fw-bolder text-hover-primary fs-3">
                                                {{ $clearence->destocking_date }}
                                            </a>
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        <!--begin::Text-->
                                        <div class="flex-grow-1">
                                            <a href="#" class="text-dark fw-bolder text-hover-primary fs-3">
                                                {{ $clearence->reason }}
                                            </a>
                                        </div>
                                        <!--end::Text-->
                                    </div>
                                </td>
                                <!--end::Name=-->
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5">
                                    <div class="text-center text-muted py-5 fs-3">
                                        Aucune information à afficher
                                        <div>
                                            <span class="fa fa-folder-open display-3"></span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                        <!--end::Table body-->
                    </table>
                    <!--end::Table-->
                </div>
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
    </div>

    <!--begin::Modal - New Card-->
    <div class="modal fade" id="destockingIngredientModal" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="destockingIngredientModalLabel" tabindex="-1" aria-hidden="true">
        <!--begin::Modal dialog-->
        <div class="modal-dialog modal-dialog-centered mw-650px">
            <!--begin::Modal content-->
            <div class="modal-content">
                <!--begin::Modal header-->
                <div class="modal-header">
                    <!--begin::Modal title-->
                    <h2>Déstockage d'ingredient</h2>
                    <!--end::Modal title-->
                    <!--begin::Close-->
                    <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                        <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                        <span class="svg-icon svg-icon-1">
														<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
															<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="black" />
															<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="black" />
														</svg>
													</span>
                        <!--end::Svg Icon-->
                    </div>
                    <!--end::Close-->
                </div>
                <!--end::Modal header-->
                <!--begin::Modal body-->
                <div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
                    <!--begin::Form-->
                    <form class="form" action="{{ route('stock.destocking_ingredient') }}" method="POST">
                        @csrf
                        <!--begin::Input group-->
                        <div class="d-flex flex-column mb-7 fv-row">
                            <!--begin::Label-->
                            <label class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                                <span class="required">Date de la sorti</span>
                            </label>
                            <!--end::Label-->
                            <input type="datetime-local"
                                   class="form-control form-control-solid"
                                   placeholder="" name="destocking_date" value="{{ now() }}" required />
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="d-flex flex-column mb-7 fv-row">
                            <!--begin::Label-->
                            <label class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                                <span class="required">Ingredient</span>
                            </label>
                            <!--end::Label-->
                            <select name="ingredient_id"
                                    aria-label="Select a ingredient"
                                    data-control="select2"
                                    data-placeholder="Choisir un ingredient"
                                    data-dropdown-parent="#destockingIngredientModal"
                                    data-allow-clear="true"
                                    data-kt-select2="true"
                                    class="form-select form-select-solid form-control-lg fs-1" required>
                                <option value=""></option>
                                @foreach(\App\Models\Ingredient::all() as $ingredient)
                                    <option value="{{ $ingredient->id }}">{{ $ingredient->name }} (Dispo: {{ $ingredient->available_quantity. ' '. $ingredient->unit_measurement_id }})</option>
                                @endforeach

                            </select>
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="d-flex flex-column mb-7 fv-row">
                            <!--begin::Label-->
                            <label class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                                <span class="required">Quantité/Unité</span>
                            </label>
                            <!--end::Label-->
                            <input type="number"
                                   min="1"
                                   class="form-control form-control-solid fs-1"
                                   placeholder="" name="quantity" value="1" required />
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="d-flex flex-column mb-7 fv-row">
                            <!--begin::Label-->
                            <label class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
                                <span>Motif de la sorti</span>
                            </label>
                            <!--end::Label-->
                            <textarea class="form-control form-control-solid" name="reason" id="" ></textarea>
                        </div>
                        <!--end::Input group-->
                        <!--begin::Actions-->
                        <div class="text-center pt-15">
                            <button type="button" id="destockingIngredientModal_close" data-bs-dismiss="modal" class="btn btn-light me-3">Fermer</button>
                            <button type="reset" id="destockingIngredientModal_cancel" class="btn btn-light me-3">Reinitialiser</button>
                            <button type="submit" id="destockingIngredientModal_submit" class="btn btn-primary">Enregistrer</button>
                        </div>
                        <!--end::Actions-->
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Modal body-->
            </div>
            <!--end::Modal content-->
        </div>
        <!--end::Modal dialog-->
    </div>
    <!--end::Modal - New Card-->
@endsection