@extends('layouts.default-canvas')

@section('title')
    {{ __('modules')['dashboard']['settings']['audits_short'] }} | {{ __('entity_forms')['audit_shift']['page_title'] }}
@endsection

@section('styles')
    <link href="{{ asset('css/pages/shared/master.css') }}" rel="stylesheet">
    <link href="{{ asset('css/components/custom/specialElements.css') }}" rel="stylesheet">

    <style>

      /* Tags */
        body,
        html {
            font-family: "Barlow" !important;
        }

        body {
            background: linear-gradient(#d7d6c2, 55%, #0d6889) !important;
            background: -webkit-linear-gradient(to right, #d7d6c2, #0d6889) !important;
            background-repeat: no-repeat !important;
            background-attachment: fixed !important;

            margin: 0 !important;
            height: expanded !important;
            height: 100% !important;
        }
        h4 {
            color: #0d6889;
            font-weight: 500;

            text-transform: uppercase;
        }

        h6 {
            font-size: 0.85rem;

            text-transform: uppercase;
        }

        input[type="datetime-local"]::-webkit-clear-button,
        input[type="datetime-local"]::-webkit-inner-spin-button {
            display: none;
        }

        input[type="datetime-local"]::-webkit-calendar-picker-indicator {
            display: none;
        }

        textarea {
            width: 100% !important;
            padding: 2.5% 4%;
            font-size: 0.9rem;

            background-color: #d7d6c2c1;
            box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);
            border: solid 2px #fff;
            border-radius: 5px;
        }

        input {
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }

      /* Classes */
        .alert-danger{
            color: #721c24;
            background-color: #f8d7da;
            border-color: #f5c6cb;
        }
        .px-4 {
            padding-right: 2.7rem !important;
            padding-left: 2.7rem !important;
        }

        .textarea-label {
            background-color: #ffffff;
            color: #CE3242dc !important;
            border: 0px;
        }

        .input-group-text {
            border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
            font-weight: 500;
            color: #0d6889;
        }

        .disabled-fields {
            background-color: #d7d6c2c1;
            box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2.5px 0 rgba(0, 0, 0, 0.19);

            font-weight: 500;
            color: #0d6889;

            cursor: not-allowed;
        }

        .disabled-fields:hover {
            background-color: #d7d6c2c1 !important;
            cursor: pointer;
        }

        .disabled-fields:focus {
            background-color: #d7d6c2c1 !important;
            box-shadow: 0 0 0 0;
            outline: none;
        }

        .btn-danger {
            background-color: #FF5050;
        }

        .warning-messages {
            color: #0d6889;
            font-size: 0.85rem;
            font-weight: 500;
        }

        .warning-confirmation {
            color: #0d6889;
        }

    </style>
@endsection

@section('content')
    <section class="container px-4 py-5 my-3 bg-white rounded-3" style="max-width: 90%;">

        {{-- Title --}}
        <h3 class="mb-4">{{ __('entity_forms')['audit_shift']['title'] }}</h3>

        {{-- Basic Data --}}
        <div class="pb-2 mb-4 row justify-content-start">

            {{-- Folio --}}
            <div style="margin-top: 10px; width: 14% !important;">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            Folio
                        </label>
                    </div>

                    <input type="number" value="{{ $id }}" readonly
                        class="form-control disabled-fields">
                </div>
            </div>

            {{-- Timestamp --}}
            <div style="margin-top: 10px; width: 28% !important;">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_fields')['audit']['timestamp'] }}
                        </label>
                    </div>

                    <input type="datetime-local" value="{{ $audit->audit_date }}T{{ $audit->audit_time }}" readonly
                        class="form-control disabled-fields">
                </div>
            </div>

            {{-- User --}}
            <div style="margin-top: 10px; width: 28% !important;">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entities')['settings']['user'] }}
                        </label>
                    </div>

                    <input type="text" value="{{ $audit->receptionist->name }} {{ $audit->receptionist->last_name }}" readonly
                        class="form-control disabled-fields">
                </div>
            </div>

            {{-- Current Shift --}}
            <div style="margin-top: 10px; width: 20% !important;">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <label class="input-group-text disabled-fields">
                            {{ __('entity_fields')['common']['shift'] }}
                        </label>
                    </div>

                    <input type="text" value="{{ $audit->shift->name }}" readonly
                        class="form-control disabled-fields">
                </div>
            </div>

        </div>

        {{-- Income --}}
        <div class="pb-2 mb-4 row justify-content-start">

            {{-- Title --}}
            <h4 class="pb-1">{{ __('entity_forms')['audit_shift']['income_section']['title'] }}</h4>

            @php
                $revenue_sets = [
                    'lodging_revenues' => $audit->summary_lodging_revenues ?? [],
                    'consumption_revenues' => $audit->summary_consumption_revenues ?? [],
                    'extra_revenues' => $audit->summary_extra_revenues ?? [],
                ];

                $incomeCategories = [
                    'lodging' => [
                        'title' => __('entity_forms')['audit_shift']['income_section']['lodging'],
                        'revenues' => $revenue_sets['lodging_revenues'],
                    ],
                    'consumption' => [
                        'title' => __('entity_forms')['audit_shift']['income_section']['consumption'],
                        'revenues' => $revenue_sets['consumption_revenues'],
                    ],
                    'extra' => [
                        'title' => __('entity_forms')['audit_shift']['income_section']['extras'],
                        'revenues' => $revenue_sets['extra_revenues'],
                    ],
                ];

                if($include_restaurant) {
                    $revenue_sets['restaurant_revenues'] = $audit->summary_restaurant_revenues ?? [];

                    $incomeCategories['restaurant'] = [
                        'title' => __('entity_forms')['audit_shift']['income_section']['restaurant'],
                        'revenues' => $revenue_sets['restaurant_revenues'],
                    ];
                }

                if($divide_restaurant_modules) {
                    $revenue_sets['mini_shop_revenues'] = $audit->summary_mini_shop_revenues ?? [];

                    $incomeCategories['mini_shop'] = [
                        'title' => __('entity_forms')['audit_shift']['income_section']['mini_shop'],
                        'revenues' => $revenue_sets['mini_shop_revenues'],
                    ];
                }
            @endphp

            <div class="overflow-auto row flex-nowrap justify-content-start">
                @foreach ($incomeCategories as $key => $module)
                    <div class="flex-shrink-0 pr-0 ps-3 @if($include_restaurant) col-3 @else col-4 @endif">
                        {{-- Title --}}
                        <h6 class="mb-2">{{ $module['title'] }}</h6>

                        {{-- Estimated Income --}}
                        <div class="mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['theoretical_income'] }}
                                </label>
                            </div>
                            <input type="number"
                                class="form-control disabled-fields" step="0.01" readonly required
                                value="{{ $audit->{'theoretical_' . $key . '_income'} }}"
                                onchange="roundDecimals(this)">
                        </div>

                        {{-- Revenue by Payment Method --}}
                        @foreach ($module['revenues'] as $method => $data)
                            <div class="mb-3 input-group">
                                <div class="input-group-prepend">
                                    <label class="input-group-text disabled-fields">
                                        {{ $method }}
                                    </label>
                                </div>
                                <input type="number" readonly required
                                    class="form-control disabled-fields" step="0.01"
                                    value="{{ $data['revenue'] }}"
                                    onchange="roundDecimals(this)">
                            </div>
                        @endforeach

                        <br>

                        {{-- Confirmed Income --}}
                        <div class="my-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['real_income'] }}
                                </label>
                            </div>
                            <input type="number"
                                class="form-control disabled-fields" step="0.01" readonly required
                                value="{{ $audit->{'real_' . $key . '_income'} }}"
                                onchange="roundDecimals(this)">
                        </div>
                    </div>
                @endforeach
            </div>

        </div>

        {{-- Cash Transactions & Cash Recounts --}}
        <div class="pb-2 mb-4">

            {{-- Title --}}
            <h4 class="pb-2">{{ __('entity_forms')['audit_shift']['cash_movements_sections']['title'] }}</h4>

            {{-- Tabs --}}
            @if (count($transaction_modules) > 1)
                <ul class="px-2 mb-3 nav nav-tabs" id="tabContent">
                    @foreach ($transaction_modules as $index => $module)
                        <li class="nav-item @if($index === 0) active @endif">
                            <a class="nav-link @if($index === 0) active @endif" href="#{{ $module }}" data-toggle="tab">
                                {{ __('modules')['dashboard'][$module]['title'] ?? __('modules')['dashboard']['restaurant'][$module] ?? ucfirst($module) }}
                            </a>
                        </li>
                        &nbsp;&nbsp;
                    @endforeach
                </ul>
            @endif

            {{--Contenido--}}
            <div class="px-3 pt-2 tab-content">
                {{-- Transactions per Module and Payment Method --}}
                @foreach ($transaction_modules as $module)
                    <div class="tab-pane fade @if($loop->index === 0) show active @endif" id="{{ $module }}">
                        <div class="overflow-auto row flex-nowrap">
                            @include("modules.audits.components.payment_method_block_readonly", [
                                'data' => $audit->income_confirmation_summary[$module],
                            ])
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        @if ($include_petty_cash)
            {{-- Petty Cash --}}
            <div class="pb-2 mb-4">

                {{-- Title --}}
                <h4 class="pb-2">{{ __('entity_forms')['audit_shift']['petty_cash_section']['title'] }}</h4>

                <div class="px-3 row justify-content-start">
                    @php
                        $petty_data = $audit->petty_cash_summary;
                        $has_withdrawn_reason = isset($petty_data['cash_withdrawn_reason']);
                        $has_shortfall_reason = isset($petty_data['balance_shortfall_reason']);

                        $withdrawn_input_margin = $has_withdrawn_reason ? "mb-2" : "mb-3";
                    @endphp

                    {{-- Caja Chica (Transactions of the Day) --}}
                    <div class="col-4">
                        {{-- Initial Cash --}}
                        <div class="mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['initial_cash'] }}
                                </label>
                            </div>
                            <input type="number" readonly required
                                class="form-control disabled-fields"
                                step="0.01" value="{{ $petty_data['initial_cash'] }}"
                                onchange="roundDecimals(this)">
                        </div>

                        {{-- Cash Withdrawn --}}
                        <div class="{{ $withdrawn_input_margin }} input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['cash_withdrawn'] }}
                                </label>
                            </div>
                            <input type="number" readonly required
                                class="form-control disabled-fields"
                                step="0.01" value="{{ $petty_data['cash_withdrawn'] }}"
                                onchange="roundDecimals(this)">
                        </div>

                        {{-- Cash Withdrawn Reason --}}
                        @if($has_withdrawn_reason)
                            <div class="px-2 pb-2 mb-4 input-group">
                                <label class="pb-0 input-group-text textarea-label ">
                                    {{ __('entity_fields')['audit']['cash_withdrawn_reason'] }}
                                </label>
                                <textarea rows="3" required readonly
                                    class="disabled-fields">{{ $petty_data['cash_withdrawn_reason'] }}"
                                </textarea>
                            </div>
                        @endif

                        {{-- Expected Balance --}}
                        <div class="mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['expected_balance'] }}
                                </label>
                            </div>
                            <input type="number" readonly required
                                class="form-control disabled-fields"
                                step="0.01" value="{{ $petty_data['expected_balance'] }}"
                                onchange="roundDecimals(this)">
                        </div>

                        {{-- Cash Count --}}
                        <div class="mb-3 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['cash_count'] }}
                                </label>
                            </div>
                            <input type="number" readonly required
                                class="form-control disabled-fields"
                                step="0.01" value="{{ $petty_data['cash_count'] }}"
                                onchange="roundDecimals(this);">
                        </div>

                        {{-- Balance Shortfall --}}
                        <div class="@if($has_shortfall_reason)mb-2 @endif input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text disabled-fields">
                                    {{ __('entity_fields')['audit']['balance_shortfall'] }}
                                </label>
                            </div>
                            <input type="number" readonly required
                                class="form-control disabled-fields"
                                step="0.01" value="{{ $petty_data['balance_shortfall'] }}"
                                onchange="roundDecimals(this)">
                        </div>

                        {{-- Shortfall Reason --}}
                        @if($has_shortfall_reason)
                            <div class="px-2 mb-3 input-group">
                                <label class="pb-0 input-group-text textarea-label">
                                    {{ __('entity_fields')['audit']['balance_shortfall_reason'] }}
                                </label>
                                <textarea rows="3" required readonly
                                    class="disabled-fields">{{ $petty_data['balance_shortfall_reason'] }}"
                                </textarea>
                            </div>
                        @endif

                    </div>
                </div>

            </div>
        @endif

        {{-- Audit Form --}}
        <form method="PATCH" id="audit_shift_form" enctype="multipart/form-data"
            class="pt-2"
        >@csrf

            {{-- Next Initial Cash --}}
            <div class="px-4 mb-4 row justify-content-center">
                @php
                    $label_divisor = (count($transaction_modules)+$include_petty_cash) > 3
                        ?"<br>"
                        :" ";
                @endphp

                @foreach ($transaction_modules as $module)
                    <div class="mb-3 @if((count($transaction_modules)+$include_petty_cash) > 3) col @else col-4 @endif">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text">
                                    {{ __('entity_fields')['audit']['initial_cash'] }}{!! $label_divisor !!}({{ __('modules')['dashboard'][$module]['title'] ?? __('modules')['dashboard']['restaurant'][$module] ?? ucfirst($module) }})
                                </label>
                            </div>
                            <input type="number" id="next_initial_cash_{{ $module }}" name="next_initial_cash_{{ $module }}" required
                                class="form-control"
                                step="0.01" placeholder="{{ \App\Helpers\Formats\FormatCurrencyHelper::currencyPlaceHolder() }}"
                                onchange="roundDecimals(this)">
                        </div>
                    </div>
                @endforeach

                @if ($include_petty_cash)
                    <div class="mb-3 col">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text">
                                    {{ __('entity_fields')['audit']['initial_cash'] }}{!! $label_divisor !!}({{ __('entity_forms')['audit_shift']['petty_cash_section']['title'] }})
                                </label>
                            </div>
                            <input type="number" id="next_initial_cash_petty_cash" name="next_initial_cash_petty_cash" required
                                class="form-control" value="{{ $petty_data['cash_count'] }}"
                                step="0.01" placeholder="{{ \App\Helpers\Formats\FormatCurrencyHelper::currencyPlaceHolder() }}"
                                onchange="roundDecimals(this)">
                        </div>
                    </div>
                @endif
            </div>

            {{-- Buttons --}}
            <div class="row justify-content-center">

                {{-- Decline Cash Reconciliation --}}
                <div class="mx-3 mb-3 col-3">
                    <button type="button" onclick="declineReconciliation()"
                        class="px-3 mb-3 btn text-uppercase btn-danger">
                        {{ __('common_actions')['decline'] }} {{ __('entity_forms')['audit_shift']['cash_reconciliation'] }}
                    </button>

                    <ul class="warning-messages">
                        <li>{{ __('entity_forms')['audit_shift']['warning_message_3'] }}</li>
                    </ul>
                </div>

                {{-- Accept Cash Reconciliation --}}
                <div class="mx-3 mb-3 col-3">
                    <button type="button" onclick="acceptReconciliation()"
                        class="px-3 mb-3 btn text-uppercase btn-harsi">
                        {{ __('common_actions')['accept'] }} {{ __('entity_forms')['audit_shift']['cash_reconciliation'] }}
                    </button>

                    <ul class="warning-messages">
                        <li>{{ __('entity_forms')['audit_shift']['warning_message_4'] }}</li>
                    </ul>
                </div>

            </div>
        </form>

    </section>
@endsection

@section('footer')
    @include('shared.components.footer.basic-footer')
@endsection

@section('import-scripts')
    {{-- Sweet Alert --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endsection

@section('interaction-scripts')
    <script>
        //* Button Actions
          /* Decline Reconciliation */
            function acceptReconciliation() {
              // Validamos que los Saldos Iniciales del proximo turno hayan sido ingresado
                const fields = $('[id^="next_initial_cash_"]');
                const allValid = [...fields].every(field => {
                    if (!field.checkValidity()) {
                        field.reportValidity();
                        return false;
                    }
                    return true;
                });
                if (!allValid) return;

              // Aseguramos la Acción
                Swal.fire({
                    icon: 'warning',
                    title: "{{ __('common_responses_and_messages')['default_confirmation'] }}",
                    html: `
                        <div class="container pb-0 mb-0 text-start">
                            <ul class="text-start warning-confirmation">
                                <li class="mb-3">
                                    {{ __('entity_forms')['audit_shift']['warning_message_4'] }}
                                </li>
                            </ul>
                        </div>
                    `,

                    confirmButtonText: "{{ __('common_actions')['approve'] }} {{ __('common_actions')['accept'] }}",
                    confirmButtonColor: `#0d6889`,
                    showCancelButton: true,
                    cancelButtonText: `{{ __('common_actions')['cancel'] }}`,
                    cancelButtonColor: `#c82333`
                }).then((result) => {
                    if (result.value) {

                        // Compact Initial Cash Inputs
                        const next_initial_balances = {};
                        fields.each(function () {
                            next_initial_balances[this.id] = $(this).val();
                        });

                        // Send Request
                        $.ajax({
                            url:"{{ route('audits.update', $id) }}",
                            method:"PATCH",

                            data: {
                                is_approved: true,
                                rejection_reason: null,
                                next_initial_balances: next_initial_balances,
                            },
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            dataType: "json",

                            beforeSend: function() {
                                Swal.fire({
                                    title: "{{ __('common_responses_and_messages')['updating'] }}",
                                    text: "{{ __('common_responses_and_messages')['updating_data'] }}",
                                    allowOutsideClick: false,
                                    didOpen: () => {
                                        Swal.showLoading();
                                    }
                                });
                            },

                            success:function(data) {
                                Swal.fire(
                                    "{{ __('common_responses_and_messages')['success'] }}",
                                    "{{ __('common_responses_and_messages')['updated_successfully'] }}",
                                    'success'
                                );

                                // Go Home
                                setTimeout(async () => {
                                    @if (Auth::user()->role !== 'recepcionista')
                                        window.location.href = "{{ route('audits.index') }}";
                                    @else
                                        window.location.href = "{{ route('home.index') }}";
                                    @endif
                                }, 2000);
                            }
                        });

                    }
                });
            }

          /* Accept Reconciliation */
            function declineReconciliation() {
              // Validamos que los Saldos Iniciales del proximo turno hayan sido ingresado
                const fields = $('[id^="next_initial_cash_"]');
                const allValid = [...fields].every(field => {
                    if (!field.checkValidity()) {
                        field.reportValidity();
                        return false;
                    }
                    return true;
                });
                if (!allValid) return;

              // Aseguramos la Acción
                Swal.fire({
                    icon: 'warning',
                    title: "{{ __('common_responses_and_messages')['default_confirmation'] }}",

                    html: `
                        <div class="row justify-content-center">

                            <div class="mb-3 col-12">
                                <div class="alert alert-danger" role="alert">
                                    {{ __('entity_forms')['audit_shift']['rejection_warning'] }}
                                </div>
                            </div>

                            <div class="col-9">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <label class="input-group-text">
                                            {{ __('entity_fields')['audit']['rejected_reason'] }}
                                        </label>
                                    </div>
                                    <input type="text" id="rejection_reason" name="rejection_reason" required
                                        class="form-control"
                                        placeholder="{{ __('entity_forms')['audit_shift']['rejection_warning_error'] }}">
                                </div>
                            </div>
                        </div>
                    `,
                        // <input id="rejection_reason" class="swal2-input">

                    showCancelButton: true,
                    cancelButtonColor: `#c82333`,
                    cancelButtonText: `{{ __('common_actions')['cancel'] }}`,

                    confirmButtonColor: `#0d6889`,
                    confirmButtonText: "{{ __('common_actions')['approve'] }} {{ __('common_actions')['decline'] }}",

                    focusConfirm: false,

                    preConfirm: () => {
                        const reason = $('#rejection_reason').val();
                        if (!reason) Swal.showValidationMessage("{{ __('entity_forms')['audit_shift']['rejection_warning_error'] }}");
                        return { reason };
                    }
                }).then((result) => {
                    if (result.isConfirmed) {

                        // Compact Initial Cash Inputs
                        const next_initial_balances = {};
                        fields.each(function () {
                            next_initial_balances[this.id] = $(this).val();
                        });

                        // Send Request
                        $.ajax({
                            url:"{{ route('audits.update', $id) }}",
                            method:"PATCH",

                            data: {
                                is_approved: false,
                                rejection_reason: result.value.reason,
                                next_initial_balances: next_initial_balances,
                            },
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            dataType: "json",

                            beforeSend: function() {
                                Swal.fire({
                                    title: "{{ __('common_responses_and_messages')['updating'] }}",
                                    text: "{{ __('common_responses_and_messages')['updating_data'] }}",
                                    allowOutsideClick: false,
                                    didOpen: () => {
                                        Swal.showLoading();
                                    }
                                });
                            },

                            success:function(data) {
                                Swal.fire(
                                    "{{ __('common_responses_and_messages')['success'] }}",
                                    "{{ __('common_responses_and_messages')['updated_successfully'] }}",
                                    'success'
                                );

                                // Go Home
                                setTimeout(async () => {
                                    window.location.href = "{{ route('home.index') }}";
                                }, 2000);
                            }
                        });

                    }
                });
            }

        //* Formatters
          /* Round Decimals */
            function roundDecimals(input) {
                const valor = parseFloat(input.value);

                if (isNaN(valor)) return;

                const result = parseFloat(valor.toFixed(2));
                const exceedsTwoDecimals = /\d\.\d{3,}/.test(valor);

                if (exceedsTwoDecimals) {
                    input.value = Math.abs(result).toFixed(2);
                } else {
                    input.value = Math.abs(result === 0 ? 0 : valor).toFixed(2);
                }

                return;
            }

          /* Round Integers */
            function roundInteger(input) {
                const value = parseFloat(input.value);

                if (!isNaN(value))
                    input.value =  Math.abs( (value % 1 >= 0.5) ? Math.ceil(value) : Math.floor(value) );

                return;
            }
    </script>
@endsection