@extends('layouts.partials.master')

@section('title', 'Configurações de Integração')

@push('styles')
    <link href="{{asset('assets/css/style.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/forms.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/cards.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/section-marker.css')}}" rel="stylesheet" type="text/css">
@endpush

@section('content')
<nav aria-label="breadcrumb">
    {!! $breadcrumbs !!}
</nav>

    @include('layouts.components.alerts')

    @include('layouts.components.section-title', ['title' => 'Configurações de Integração'])

    <form action="{{ route('cfg_integration_settings.update') }}" method="POST">
        @csrf
        @method('PUT')

        @php
            $currentModuleLockers = old('module_lockers', $moduleLockers);
            $lockySettings = $settings->filter(fn($s) => in_array($s->key, ['locky_partner_id', 'locky_partner_name', 'locky_login', 'locky_password']));
            $smartlockersApiKey = $settings->firstWhere('key', 'smartlockers_api_key');

            $activeShippingMethod = old('shipping_method', $activeShippingMethod);
            $cttSettings = $settings->filter(fn($s) => in_array($s->key, ['ctt_shipping_api_authentication_id', 'ctt_shipping_contract_id']));
            $dpdSettings = $settings->filter(fn($s) => in_array($s->key, ['dpd_shipping_shipment_username', 'dpd_shipping_shipment_password', 'dpd_shipping_shipment_client_id', 'dpd_shipping_shipment_client_secret']));
            $mbeSettings = $settings->filter(fn($s) => in_array($s->key, ['mbe_shipping_api_username', 'mbe_shipping_api_password', 'mbe_shipping_logistics_centre_email']));
        @endphp

        @include('layouts.components.section-marker', ['section_name' => 'Módulo de Cacifos'])

        <div class="card py-4 px-4 mb-4">
            <div class="row mb-3">
                <div class="col">
                    <div class="form-group">
                        <label class="mb-2" for="module_lockers">Fornecedor de Cacifos</label>
                        <select name="module_lockers" id="module_lockers" class="form-control">
                            <option value="" {{ $currentModuleLockers === null || $currentModuleLockers === '' ? 'selected' : '' }}>Sem cacifos</option>
                            <option value="locky" {{ $currentModuleLockers === 'locky' ? 'selected' : '' }}>Locky</option>
                            <option value="smartlockers" {{ $currentModuleLockers === 'smartlockers' ? 'selected' : '' }}>SmartLockers</option>
                        </select>
                        @if ($errors->has('module_lockers'))
                            <div class="error handle-error">{{ $errors->first('module_lockers') }}</div>
                        @endif
                    </div>
                </div>
            </div>

            <div id="locky-section" style="display: none;">
                <hr class="my-3">
                @foreach ($lockySettings as $setting)
                    <div class="row mb-3">
                        <div class="col">
                            <div class="form-group">
                                <label class="mb-2" for="{{ $setting->key }}">{{ $setting->description }}</label>
                                <input
                                    type="text"
                                    name="{{ $setting->key }}"
                                    id="{{ $setting->key }}"
                                    class="form-control"
                                    value="{{ old($setting->key, $setting->value) }}"
                                    autocomplete="off"
                                >
                                @if ($errors->has($setting->key))
                                    <div class="error handle-error">{{ $errors->first($setting->key) }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            <div id="smartlockers-section" style="display: none;">
                <hr class="my-3">
                @if ($smartlockersApiKey)
                    <div class="row mb-3">
                        <div class="col">
                            <div class="form-group">
                                <label class="mb-2" for="smartlockers_api_key">{{ $smartlockersApiKey->description }}</label>
                                <input
                                    type="text"
                                    name="smartlockers_api_key"
                                    id="smartlockers_api_key"
                                    class="form-control"
                                    value="{{ old('smartlockers_api_key', $smartlockersApiKey->value) }}"
                                    autocomplete="off"
                                >
                                @if ($errors->has('smartlockers_api_key'))
                                    <div class="error handle-error">{{ $errors->first('smartlockers_api_key') }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        @include('layouts.components.section-marker', ['section_name' => 'Método de Envio'])

        <div class="card py-4 px-4 mb-4">
            <div class="row mb-3">
                <div class="col">
                    <div class="form-group">
                        <label class="mb-2" for="shipping_method">Fornecedor de Envio</label>
                        <select name="shipping_method" id="shipping_method" class="form-control">
                            <option value="" {{ $activeShippingMethod === null || $activeShippingMethod === '' ? 'selected' : '' }}>Sem método de envio</option>
                            @foreach ($shippingMethods as $method)
                                <option value="{{ $method->slug }}" {{ $activeShippingMethod === $method->slug ? 'selected' : '' }}>{{ $method->name }}</option>
                            @endforeach
                        </select>
                        @if ($errors->has('shipping_method'))
                            <div class="error handle-error">{{ $errors->first('shipping_method') }}</div>
                        @endif
                    </div>
                </div>
            </div>

            <div id="ctt-section" style="display: none;">
                <hr class="my-3">
                @foreach ($cttSettings as $setting)
                    <div class="row mb-3">
                        <div class="col">
                            <div class="form-group">
                                <label class="mb-2" for="{{ $setting->key }}">{{ $setting->description }}</label>
                                <input
                                    type="text"
                                    name="{{ $setting->key }}"
                                    id="{{ $setting->key }}"
                                    class="form-control"
                                    value="{{ old($setting->key, $setting->value) }}"
                                    autocomplete="off"
                                >
                                @if ($errors->has($setting->key))
                                    <div class="error handle-error">{{ $errors->first($setting->key) }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            <div id="dpd-section" style="display: none;">
                <hr class="my-3">
                @foreach ($dpdSettings as $setting)
                    <div class="row mb-3">
                        <div class="col">
                            <div class="form-group">
                                <label class="mb-2" for="{{ $setting->key }}">{{ $setting->description }}</label>
                                <input
                                    type="text"
                                    name="{{ $setting->key }}"
                                    id="{{ $setting->key }}"
                                    class="form-control"
                                    value="{{ old($setting->key, $setting->value) }}"
                                    autocomplete="off"
                                >
                                @if ($errors->has($setting->key))
                                    <div class="error handle-error">{{ $errors->first($setting->key) }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            <div id="mbe-section" style="display: none;">
                <hr class="my-3">
                @foreach ($mbeSettings as $setting)
                    <div class="row mb-3">
                        <div class="col">
                            <div class="form-group">
                                <label class="mb-2" for="{{ $setting->key }}">{{ $setting->description }}</label>
                                <input
                                    type="text"
                                    name="{{ $setting->key }}"
                                    id="{{ $setting->key }}"
                                    class="form-control"
                                    value="{{ old($setting->key, $setting->value) }}"
                                    autocomplete="off"
                                >
                                @if ($errors->has($setting->key))
                                    <div class="error handle-error">{{ $errors->first($setting->key) }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

        </div>

        <div class="row my-4">
            <div class="col-12 text-end">
                <button type="submit" class="btn btn-sm btn-primary">Gravar <i class="fa-light fa-floppy-disk"></i></button>
            </div>
        </div>
    </form>
@endsection

@push('scripts')
<script>
    (function () {
        const select = document.getElementById('module_lockers');
        const lockySection = document.getElementById('locky-section');
        const smartlockersSection = document.getElementById('smartlockers-section');

        function toggleSections() {
            lockySection.style.display = select.value === 'locky' ? '' : 'none';
            smartlockersSection.style.display = select.value === 'smartlockers' ? '' : 'none';
        }

        select.addEventListener('change', toggleSections);
        toggleSections();
    })();

    (function () {
        const select = document.getElementById('shipping_method');
        const cttSection = document.getElementById('ctt-section');
        const dpdSection = document.getElementById('dpd-section');
        const mbeSection = document.getElementById('mbe-section');

        function toggleSections() {
            cttSection.style.display = (select.value === 'CTT' || select.value === 'HYBRID') ? '' : 'none';
            dpdSection.style.display = (select.value === 'DPD' || select.value === 'HYBRID') ? '' : 'none';
            mbeSection.style.display = select.value === 'MBE' ? '' : 'none';
        }

        select.addEventListener('change', toggleSections);
        toggleSections();
    })();
</script>
@endpush