@extends('layouts.admin')

@section('content')
<div class="container mt-5">
    <div class="card">
        <div class="card-header">
            <h2>Editar 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.update', $engineer) }}" method="POST">
                @csrf
                @method('PUT')

                <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="{{ $engineer->fullname }}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="cpf">CPF</label>
                        <input type="text" name="cpf" class="form-control" id="cpf" value="{{ $engineer->document }}" required>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="identity">Identidade</label>
                        <input type="text" name="identity" class="form-control" id="identity" value="{{ $engineer->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 }}" {{ $engineer->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="{{ $engineer->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="{{ $engineer->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" {{ $engineer->engineer_document_type === 'cfbio' ? 'selected' : '' }}>CFBio</option>
                            <option value="crea" {{ $engineer->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="{{ $engineer->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="{{ $engineer->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="{{ $engineer->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'] }}" {{ $engineer->federal_unity == $state['uf'] ? 'selected' : '' }}>{{ $state['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="city">Cidade/Município</label>
                        <select id="city" name="city" class="form-control">
                            <option value="{{ $engineer->city }}" selected>{{ $engineer->city }}</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="{{ $engineer->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="{{ $engineer->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">
                                    @foreach ($coverageLocations as $location)
                                        <li class="list-group-item d-flex justify-content-between align-items-center city-item"
                                            data-city="{{ $location->city }}" data-state="{{ $location->state_uf }}">
                                            {{ $location->city }} ({{ $location->state_uf }})
                                            <input type="hidden" name="coverage_cities[]" value="{{ $location->city }}">
                                            <input type="hidden" name="coverage_states[]" value="{{ $location->state_uf }}">
                                            <button type="button" class="btn btn-danger btn-sm remove-city">X</button>
                                        </li>
                                    @endforeach
                                </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="{{ $engineer->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="{{ $engineer->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">
                        <small class="form-text text-muted">Deixe em branco se não quiser alterar a senha.</small>
                    </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">
                    </div>
                </div>

                <input type="hidden" name="user_type" value="engineer">
                <button type="submit" class="btn btn-success">Atualizar Engenheiro</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