@extends('layouts.admin')

@section('content')
<div class="container mt-5">
    <div class="card">
        <div class="card-header">
            <h2>Cadastrar Novo Engenheiro
                <a href="{{ route('admin.engineers.index') }}" class="btn btn-danger btn-sm text-white float-right">Voltar</a>
            </h2>
        </div>
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form action="{{ route('admin.engineers.store') }}" method="POST">
                @csrf

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="fullname">Nome Completo</label>
                        <input type="text" name="fullname" class="form-control" id="fullname" value="{{ old('fullname') }}" required>
                        @error('fullname') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label for="cpf">CPF</label>
                        <input type="text" name="cpf" class="form-control" id="cpf" value="{{ old('cpf') }}" required>
                        @error('cpf') <small class="text-danger">{{ $message }}</small> @enderror
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="identity">Nº do RG</label>
                        <input type="text" name="identity" class="form-control" id="identity" value="{{ old('identity') }}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="marital_status">Estado Civil</label>
                        <select name="marital_status" class="form-control" id="marital_status" required>
                            @php $statuses = ['Solteiro', 'Casado', 'Divorciado', 'Viúvo', 'Separado']; @endphp
                            @foreach($statuses as $status)
                                <option value="{{ $status }}" {{ old('marital_status') == $status ? 'selected' : '' }}>
                                    {{ $status }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="natural">Naturalidade</label>
                        <input type="text" name="natural" class="form-control" id="natural" value="{{ old('natural') }}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="number_enrollment">Número da Inscrição</label>
                        <input type="text" name="number_enrollment" class="form-control" id="number_enrollment" value="{{ old('number_enrollment') }}" required>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="engineer_document_type">Tipo de Documento</label>
                        <select name="engineer_document_type" id="engineer_document_type" class="form-control" required>
                            <option value="">Selecione o tipo</option>
                            <option value="cfbio" {{ old('engineer_document_type') == 'cfbio' ? 'selected' : '' }}>CFBio</option>
                            <option value="crea" {{ old('engineer_document_type') == 'crea' ? 'selected' : '' }}>CREA</option>
                        </select>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="engineer_document">Número do Documento</label>
                        <input type="text" name="engineer_document" id="engineer_document" class="form-control"
                               value="{{ old('engineer_document') }}" required>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="zip_code">CEP</label>
                        <input type="text" name="zip_code" class="form-control" id="zip_code" value="{{ old('zip_code') }}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="address">Endereço</label>
                        <input type="text" name="address" class="form-control" id="address" value="{{ old('address') }}" required>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="federal_unity">UF</label>
                        <select id="federal_unity" name="federal_unity" class="form-control">
                            <option value="">Selecione um estado</option>
                            @foreach ($states as $state)
                                <option value="{{ $state['uf'] }}">{{ $state['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="city">Cidade/Município</label>
                        <select id="main_city" name="city" class="form-control">
                            <option value="">Selecione um estado primeiro</option>
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="neighborhood">Bairro</label>
                        <input type="text" name="neighborhood" class="form-control" id="neighborhood" value="{{ old('neighborhood') }}" required>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="complement">Complemento (Opcional)</label>
                        <input type="text" name="complement" class="form-control" id="complement" value="{{ old('complement') }}">
                    </div>
                </div>

                <div class="form-group">
                    <label for="coverage_state">Área de Cobertura</label>
                    <div class="row">
                        <div class="col-md-4">
                            <select id="coverage_state" class="form-control">
                                <option value="">Selecione um estado</option>
                                @foreach ($states as $state)
                                    <option value="{{ $state['uf'] }}">{{ $state['name'] }}</option>
                                @endforeach
                            </select>
                            <select id="coverage_city" class="form-control mt-2" style="display: none;">
                                <option value="">Selecione uma cidade</option>
                            </select>
                            <button type="button" id="add-city" class="btn btn-primary btn-sm mt-2" style="display: none;">
                                Adicionar Cidade
                            </button>
                        </div>
                        <div class="col-md-8">
                            <div class="coverage-box p-3 border rounded">
                                <h5>Cidades Selecionadas</h5>
                                <ul id="selected-cities" class="list-group"></ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="phone">Telefone</label>
                        <input type="text" name="phone" class="form-control" id="phone" value="{{ old('phone') }}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="email">Email</label>
                        <input type="email" name="email" class="form-control" id="email" value="{{ old('email') }}" required>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="password">Senha</label>
                        <input type="password" name="password" class="form-control" id="password" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="password_confirmation">Confirmar Senha</label>
                        <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" required>
                    </div>
                </div>

                <input type="hidden" name="user_type" value="engineer">
                <button type="submit" class="btn btn-primary">Salvar</button>
            </form>
        </div>
    </div>
</div>
<script src="{{ asset('js/getCities.js') }}"></script>
<script src="{{ asset('js/cepAuto.js') }}"></script>
<script src="{{ asset('js/coverage_state.js')}}"></script>
@endsection