@php

    use App\Models\User;
    use App\Models\Solicitacao;

@endphp
<x-generic-layout>
    <div class="flex flex-col bg-[#DD6B3B] h-[10vh] justify-center flex-wrap px-6 md:px-24">
        <a href="{{ route('reservas-logisticas.show', $reservas_logistica->id) }}"
            class="text-base text-white font-semibold">
            <i class="fa-solid fa-arrow-left"></i> Voltar para o registro
        </a>
    </div>

    <div class="p-4 md:p-6 lg:p-12">
        <div class="block bg-white p-6 rounded-lg shadow-lg">
            <h1 class="text-2xl font-bold text-gray-800 mb-6">Editar Reserva Logística</h1>

            <form action="{{ route('reservas-logisticas.update', ['reservas_logistica' => $reservas_logistica->id]) }}"
                method="POST">
                @csrf
                @method('PUT')

                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                    <div>
                        <label for="responsavel_id" class="block text-gray-700 font-bold mb-2">Responsável:</label>
                        <input type="text" name="responsavel_id" id="responsavel_id"
                            value="{{ $reservas_logistica->responsavel->name }}"
                            class="input shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
                            disabled>
                    </div>

                    <div>
                        <label for="usuario_demanda" class="block text-gray-700 font-bold mb-2">Usuário
                            Demanda:</label>
                        <select name="usuario_demanda" id="usuario_demanda"
                            value="{{ old('usuario_demanda', $reservas_logistica->usuario_demanda) }}"
                            class="select shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('usuario_demanda') border-red-500 @enderror">
                            <option value="">Não informado</option>
                            @foreach (User::all() as $user)
                                <option value="{{ $user->id }}" @selected(old('usuario_demanda', $reservas_logistica->usuario_demanda))>
                                    {{ $user->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('usuario_demanda')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="tipo_solicitacao" class="block text-gray-700 font-bold mb-2">Tipo de
                            Solicitação:</label>
                        <select name="tipo_solicitacao_id" id="tipo_solicitacao"
                            class="select shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('tipo_solicitacao_id') border-red-500 @enderror">

                            <option value="">Selecione um tipo</option>

                            @foreach ($tipos as $tipo)
                                <option value="{{ $tipo->id }}" @selected(old('tipo_solicitacao_id', $reservas_logistica->tipo_solicitacao_id) == $tipo->id)>
                                    {{ $tipo->nome }}
                                </option>
                            @endforeach
                        </select>
                        @error('tipo_solicitacao_id')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="solicitacao" class="block text-gray-700 font-bold mb-2">Solicitação:</label>
                        <select name="solicitacao_id" id="solicitacao"
                            class="select shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('solicitacao_id') border-red-500 @enderror">

                            <option value="">Selecione uma solicitação</option>

                            @foreach ($solicitacoes as $solicitacao)
                                <option value="{{ $solicitacao->id }}" @selected(old('solicitacao_id', $reservas_logistica->solicitacao_id) == $solicitacao->id)>
                                    {{ $solicitacao->descricao }}
                                </option>
                            @endforeach
                        </select>

                        @error('solicitacao_id')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="quantidade" class="block text-gray-700 font-bold mb-2">Quantidade:</label>
                        <input type="number" name="quantidade" id="quantidade"
                            value="{{ old('quantidade', $reservas_logistica->quantidade) }}"
                            class="input shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('quantidade') border-red-500 @enderror">
                        @error('quantidade')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="veiculo" class="block text-gray-700 font-bold mb-2">Veículo:</label>
                        <select type="text" name="veiculo" id="veiculo"
                            class="select shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('veiculo') border-red-500 @enderror">
                            <option value="{{ old('veiculo', $reservas_logistica->veiculo) }}">
                                {{ $reservas_logistica->veiculo }}</option>
                            <option value="Carro">Carro</option>
                            <option value="Moto">Moto</option>
                        </select>
                        @error('veiculo')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="dt_solicitacao" class="block text-gray-700 font-bold mb-2">Data da
                            Solicitação:</label>
                        <input type="datetime-local" name="dt_solicitacao" id="dt_solicitacao"
                            value="{{ old('dt_solicitacao', date('Y-m-d\TH:i', strtotime($reservas_logistica->dt_solicitacao))) }}"
                            class="date-input shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('dt_solicitacao') border-red-500 @enderror"
                            readonly>
                        @error('dt_solicitacao')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="duracao_permanencia" class="block text-gray-700 font-bold mb-2">Duração da
                            Permanência:</label>
                        <input type="text" name="duracao_permanencia" id="duracao_permanencia"
                            value="{{ old('duracao_permanencia', $reservas_logistica->duracao_permanencia) }}"
                            class="input shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('duracao_permanencia') border-red-500 @enderror">
                        @error('duracao_permanencia')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    {{-- <div>
                        <label for="anexo" class="block text-gray-700 font-bold mb-2">Anexo:</label>
                        <input type="file" name="anexo" id="anexo"
                            value="{{ old('anexo', $reservas_logistica->anexo) }}"
                            class="file-input file-input-bordered w-full shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('anexo') border-red-500 @enderror">
                        @error('anexo')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div> --}}

                    <div>
                        <label for="anexo" class="block text-gray-700 font-bold mb-2">Anexo:</label>

                        {{-- Aviso se já existir anexo --}}
                        @if (!empty($reservas_logistica->anexo))
                            <p class="text-blue-600 text-sm mb-2">
                                Já existe um anexo para essa solicitação:
                                <a href="{{ asset('storage/' . $reservas_logistica->anexo) }}" target="_blank"
                                    class="underline">
                                    ver arquivo
                                </a>
                                <br>
                                Se enviar outro, o anterior será substituído.
                            </p>
                        @endif

                        <input type="file" name="anexo" id="anexo"
                            class="file-input file-input-bordered w-full shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('anexo') border-red-500 @enderror">

                        @error('anexo')
                            <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                        @enderror
                    </div>


                    {{-- Tecnico --}}
                    @perfil(1, 2)
                        <div>
                            <label for="responsavel_atendimento" class="block text-gray-700 font-bold mb-2">Responsável
                                Atendimento:</label>
                            <select class="select w-full" name="responsavel_atendimento" id="responsavel_atendimento"
                                value="{{ old('responsavel_atendimento', $reservas_logistica->responsavel_atendimento) }}"
                                class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('responsavel_atendimento') border-red-500 @enderror">
                                <option value="">Selecione...</option>
                                <option value="Pedro Benício">Pedro Benicio</option>
                                <option value="Jean Carlos">Jean Carlos</option>
                            </select>
                            @error('responsavel_atendimento')
                                <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                            @enderror
                        </div>
                    @endperfil
                </div>

                <div class="mb-6">
                    <label for="descricao_solicitacao" class="block text-gray-700 font-bold mb-2">Descrição da
                        Solicitação:</label>
                    <textarea name="descricao_solicitacao" id="descricao_solicitacao" rows="4"
                        class="textarea shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('descricao_solicitacao') border-red-500 @enderror">{{ old('descricao_solicitacao', $reservas_logistica->descricao_solicitacao) }}</textarea>
                    @error('descricao_solicitacao')
                        <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                    @enderror
                    @perfil(1, 2)
                        <div>
                            <label for="resposta_responsavel" class="block text-gray-700 font-bold mb-2">Resposta do
                                Responsável:</label>
                            <textarea name="resposta_responsavel" id="resposta_responsavel" rows="3"
                                class="textarea w-full shadow appearance-none border rounded py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline @error('resposta_responsavel') border-red-500 @enderror">{{ old('resposta_responsavel', $reservas_logistica->resposta_responsavel) }}</textarea>
                            @error('resposta_responsavel')
                                <p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>
                            @enderror
                        </div>
                    @endperfil
                </div>
                @perfil(1, 2)
                    <div class="mb-6">
                        <label class="inline-flex items-center">
                            <input type="checkbox" name="fechado" value="1" @checked(old('fechado', $reservas_logistica->fechado))
                                class="form-checkbox h-5 w-5 text-blue-600">
                            <span class="ml-2 text-gray-700">Reserva Fechada</span>
                        </label>
                    </div>
                @endperfil

                <div class="flex justify-end mt-6">
                    <button type="submit"
                        class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline transition duration-200">
                        <i class="fa-solid fa-save"></i> Salvar Alterações
                    </button>
                </div>
            </form>
        </div>
    </div>
</x-generic-layout>