@php
    $documentavelAtual = old('documentavel_type', isset($documento) && $documento->documentavel instanceof \App\Models\Driver
        ? 'driver'
        : (isset($documento) && $documento->documentavel instanceof \App\Models\Veiculo
            ? 'veiculo'
            : (isset($documento) && $documento->documentavel instanceof \App\Models\Cisterna ? 'cisterna' : '')));
    $documentavelIdAtual = old('documentavel_id', isset($documento) ? $documento->documentavel_id : '');
    $diasAlertaSelecionados = collect(old('dias_alerta_vencimento', $documento->dias_alerta_vencimento ?? []))->map(fn ($dia) => (int) $dia)->all();
    $opcoesDiasAlerta = [0, 7, 15, 30, 45, 60, 90, 120];
@endphp

@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="row">
    <div class="col-md-3">
        <label for="documentavel_type">Associar a</label>
        <select class="form-control js-documentavel-type" id="documentavel_type" name="documentavel_type" required>
            <option value="">Selecione</option>
            @if($drivers->count())
                <option value="driver" {{ $documentavelAtual === 'driver' ? 'selected' : '' }}>Motorista</option>
            @endif
            @if($veiculos->count())
                <option value="veiculo" {{ $documentavelAtual === 'veiculo' ? 'selected' : '' }}>Veículo</option>
            @endif
            @if(($cisternas ?? collect())->count())
                <option value="cisterna" {{ $documentavelAtual === 'cisterna' ? 'selected' : '' }}>Cisterna</option>
            @endif
        </select>
    </div>

    <div class="col-md-4 js-documentavel-group" data-type="driver" style="display: none;">
        <label for="documentavel_driver_id">Motorista</label>
        <select class="form-control js-documentavel-select" id="documentavel_driver_id" data-type="driver">
            <option value="">Selecione</option>
            @foreach($drivers as $driver)
                <option value="{{ $driver->id }}" {{ $documentavelAtual === 'driver' && (string) $documentavelIdAtual === (string) $driver->id ? 'selected' : '' }}>
                    {{ trim(($driver->first_name ?? '') . ' ' . ($driver->last_name ?? '')) ?: ('Motorista #' . $driver->id) }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-4 js-documentavel-group" data-type="veiculo" style="display: none;">
        <label for="documentavel_veiculo_id">Veículo</label>
        <select class="form-control js-documentavel-select" id="documentavel_veiculo_id" data-type="veiculo">
            <option value="">Selecione</option>
            @foreach($veiculos as $veiculo)
                <option value="{{ $veiculo->id }}" {{ $documentavelAtual === 'veiculo' && (string) $documentavelIdAtual === (string) $veiculo->id ? 'selected' : '' }}>
                    {{ trim(collect([$veiculo->matricula, $veiculo->marca, $veiculo->modelo])->filter()->implode(' - ')) ?: 'Veículo #' . $veiculo->id }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-4 js-documentavel-group" data-type="cisterna" style="display: none;">
        <label for="documentavel_cisterna_id">Cisterna</label>
        <select class="form-control js-documentavel-select" id="documentavel_cisterna_id" data-type="cisterna">
            <option value="">Selecione</option>
            @foreach(($cisternas ?? collect()) as $cisterna)
                <option value="{{ $cisterna->id }}" {{ $documentavelAtual === 'cisterna' && (string) $documentavelIdAtual === (string) $cisterna->id ? 'selected' : '' }}>
                    {{ trim(collect([$cisterna->matricula, $cisterna->descricao])->filter()->implode(' - ')) ?: 'Cisterna #' . $cisterna->id }}
                </option>
            @endforeach
        </select>
    </div>

    <input type="hidden" name="documentavel_id" class="js-documentavel-id" value="{{ $documentavelIdAtual }}">

    <div class="col-md-3">
        <label for="tipo">Tipo do Documento</label>
        <input class="form-control" id="tipo" name="tipo" value="{{ old('tipo', $documento->tipo ?? '') }}" required>
    </div>

    <div class="col-md-3 mt-3">
        <label for="numero">Número</label>
        <input class="form-control" id="numero" name="numero" value="{{ old('numero', $documento->numero ?? '') }}">
    </div>

    <div class="col-md-3 mt-3">
        <label for="entidade_emissora">Entidade Emissora</label>
        <input class="form-control" id="entidade_emissora" name="entidade_emissora" value="{{ old('entidade_emissora', $documento->entidade_emissora ?? '') }}">
    </div>

    <div class="col-md-3 mt-3">
        <label for="estado">Estado</label>
        <select class="form-control" id="estado" name="estado">
            <option value="">Calcular automaticamente</option>
            @foreach(['valido' => 'Válido', 'a_vencer' => 'A vencer', 'vencido' => 'Vencido'] as $valor => $label)
                <option value="{{ $valor }}" {{ old('estado', $documento->estado ?? '') === $valor ? 'selected' : '' }}>{{ $label }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-3 mt-3">
        <label for="data_emissao">Data Emissão</label>
        <input type="date" class="form-control" id="data_emissao" name="data_emissao" value="{{ old('data_emissao', isset($documento) && $documento->data_emissao ? $documento->data_emissao->format('Y-m-d') : '') }}">
    </div>

    <div class="col-md-3 mt-3">
        <label for="data_validade">Data Validade</label>
        <input type="date" class="form-control" id="data_validade" name="data_validade" value="{{ old('data_validade', isset($documento) && $documento->data_validade ? $documento->data_validade->format('Y-m-d') : '') }}">
    </div>

    <div class="col-md-6 mt-3">
        <label for="anexo">Anexo</label>
        <input type="file" class="form-control" id="anexo" name="anexo" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx,.xls,.xlsx">
        @if(!empty($documento?->anexo))
            <small class="d-block mt-2">
                Anexo atual:
                <a href="{{ asset('storage/' . $documento->anexo) }}" target="_blank">Visualizar arquivo</a>
            </small>
        @endif
    </div>

    <div class="col-md-6 mt-3">
        <label for="dias_alerta_vencimento">Dias antes de Vencer</label>
        <select class="form-control" id="dias_alerta_vencimento" name="dias_alerta_vencimento[]" multiple size="4">
            @foreach($opcoesDiasAlerta as $diaAlerta)
                <option value="{{ $diaAlerta }}" {{ in_array($diaAlerta, $diasAlertaSelecionados, true) ? 'selected' : '' }}>{{ $diaAlerta }} dia(s)</option>
            @endforeach
        </select>
        <small class="text-muted">Use Ctrl para selecionar múltiplos dias.</small>
    </div>

    <div class="col-md-12 mt-3">
        <label for="observacoes">Observações</label>
        <textarea class="form-control" id="observacoes" name="observacoes" rows="4">{{ old('observacoes', $documento->observacoes ?? '') }}</textarea>
    </div>

    <div class="col-12 text-center mt-4">
        <button class="btn btn-primary px-5">{{ $botao }}</button>
    </div>
</div>

<script>
    (function () {
        var form = document.currentScript.closest('form');

        if (!form) {
            return;
        }

        var typeSelect = form.querySelector('.js-documentavel-type');
        var hiddenInput = form.querySelector('.js-documentavel-id');
        var groups = form.querySelectorAll('.js-documentavel-group');
        var selects = form.querySelectorAll('.js-documentavel-select');

        function syncAssociationFields() {
            var selectedType = typeSelect.value;

            groups.forEach(function (group) {
                var isVisible = group.getAttribute('data-type') === selectedType;
                group.style.display = isVisible ? '' : 'none';

                var select = group.querySelector('.js-documentavel-select');
                if (select) {
                    select.disabled = !isVisible;

                    if (isVisible) {
                        hiddenInput.value = select.value;
                    } else {
                        select.value = '';
                    }
                }
            });

            if (!selectedType) {
                hiddenInput.value = '';
            }
        }

        typeSelect.addEventListener('change', syncAssociationFields);

        selects.forEach(function (select) {
            select.addEventListener('change', function () {
                if (select.getAttribute('data-type') === typeSelect.value) {
                    hiddenInput.value = select.value;
                }
            });
        });

        syncAssociationFields();
    })();
</script>