@extends('adminlte.app')

@section('content')

<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
            <h1 class="m-0">Motorista</h1>
        </div>
    </div>

    <div class="card mx-3 mt-3">
        <div class="card-header">
            <div class="row">
                <div class="col-md-6">
                    <h4>Criar Motorista</h4>
                </div>
                <div class="col-md-6 text-right">
                    <a href="javascript:history.back()">
                        <button type="button" class="btn btn-primary">Voltar</button>
                    </a>
                </div>
            </div>
        </div>

        <div class="card-body">
            <form action="{{ route('cartrack_drivers_store') }}" method="POST">
                @csrf

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

                {{-- ================= DADOS PESSOAIS ================= --}}
                <h5 class="mt-3">Dados Pessoais</h5>
                <div class="row">

                    <div class="col-md-3">
                        <label>Código Interno</label>
                        <input class="form-control" name="codigo_interno" value="{{ old('codigo_interno') }}">
                    </div>

                    <div class="col-md-3">
                        <label>Primeiro Nome</label>
                        <input class="form-control" name="first_name" required value="{{ old('first_name') }}">
                    </div>

                    <div class="col-md-3">
                        <label>Último Nome</label>
                        <input class="form-control" name="last_name" required value="{{ old('last_name') }}">
                    </div>

                    <div class="col-md-3">
                        <label>Género</label>
                        <select class="form-control" name="gender" required>
                            <option value="">Selecione</option>
                            <option value="Male" {{ old('gender') == 'Male' ? 'selected' : '' }}>Masculino</option>
                            <option value="Female" {{ old('gender') == 'Female' ? 'selected' : '' }}>Feminino</option>
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label>Email</label>
                        <input class="form-control" type="email" name="email" value="{{ old('email') }}">
                    </div>

                    <div class="col-md-3">
                        <label>Utilizador (login do sistema)</label>
                        <select class="form-control" name="user_id">
                            <option value="">— Sem vínculo —</option>
                            @foreach(($usuarios ?? []) as $u)
                                <option value="{{ $u->id }}" @if(old('user_id') == $u->id) selected @endif>{{ $u->name }} ({{ $u->email }})</option>
                            @endforeach
                        </select>
                        <small class="text-muted">Necessário para o motorista registar abastecimentos (KMs).</small>
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Telefone</label>
                        <input class="form-control" name="telefone" value="{{ old('telefone') }}">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Data Nascimento</label>
                        <input type="date" class="form-control" name="data_nascimento" value="{{ old('data_nascimento') }}">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Data Admissão</label>
                        <input type="date" class="form-control" name="data_admissao" value="{{ old('data_admissao') }}">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Estado</label>
                        <input class="form-control" name="estado" value="{{ old('estado') }}">
                    </div>

                </div>

                {{-- ================= DOCUMENTOS ================= --}}
                <h5 class="mt-4">Documentos</h5>
                <div class="row">

                    <div class="col-md-3">
                        <label>Nº Carta</label>
                        <input class="form-control" name="numero_carta">
                    </div>

                    <div class="col-md-3">
                        <label>Validade Carta</label>
                        <input type="date" class="form-control" name="validade_carta">
                    </div>

                    <div class="col-md-3">
                        <label>CAM</label>
                        <input class="form-control" name="cam">
                    </div>

                    <div class="col-md-3">
                        <label>Validade CAM</label>
                        <input type="date" class="form-control" name="validade_cam">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Cartão Tacográfico</label>
                        <input class="form-control" name="cartao_tacografico">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Validade Tacográfico</label>
                        <input type="date" class="form-control" name="validade_cartao_tacografico">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>ADR</label>
                        <input class="form-control" name="adr">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Validade ADR</label>
                        <input type="date" class="form-control" name="validade_adr">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Aptidão Médica</label>
                        <input class="form-control" name="aptidao_medica">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Validade Aptidão</label>
                        <input type="date" class="form-control" name="validade_aptidao_medica">
                    </div>

                </div>

                {{-- ================= RELACIONAMENTOS ================= --}}
                <h5 class="mt-4">Formações</h5>
                <div class="row">
                    <div class="col-md-6">
                        <label>Formações Concluídas</label>
                        <select class="form-control" name="formacoes[]" multiple>
                            @foreach($formacoes as $formacao)
                                <option value="{{ $formacao->id }}">
                                    {{ $formacao->nome }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <h5 class="mt-4">Tipos de Viaturas</h5>
                <div class="row">
                    <div class="col-md-6">
                        <label>Autorizado a conduzir</label>
                        <select class="form-control" name="tipos_viaturas[]" multiple>
                            @foreach($tipos_viaturas as $tipo)
                                <option value="{{ $tipo->id }}">
                                    {{ $tipo->nome }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                {{-- STATUS --}}
                <div class="row mt-4">
                    <div class="col-md-3">
                        <label>Status</label>
                        <select class="form-control" name="status">
                            <option value="Active">Ativo</option>
                            <option value="Inactive">Inativo</option>
                        </select>
                    </div>
                </div>

                <div class="text-center mt-4">
                    <button class="btn btn-primary px-5">Salvar Motorista</button>
                </div>

            </form>
        </div>
    </div>
</div>

@endsection