@extends('layouts.partials.master')

@section('title', 'Endereços')

@push('styles')
    <link href="{{asset('assets/css/forms.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/section-marker.css')}}" rel="stylesheet" type="text/css">
@endpush

@section('content')
<nav aria-label="breadcrumb">
    {!! $breadcrumbs !!}
</nav>
    <div class="d-flex justify-content-between align-items-center my-4">
        @include('layouts.components.section-title', ['title' => 'Criar Endereço'])
        <a href="{{ url('usr-addresses', $user->uuid) }}" class="btn btn-sm btn-primary">Voltar <i class="fa-light fa-left-from-line"></i></a>
    </div>
    <form action="{{ route('usr_addresses.store', $user->uuid) }}" method="POST">
        @csrf
        @method('POST')

        <div class="card py-4 px-4">
            <div class="row mb-3">
                <div class="col-6">
                    <div class="form-group">
                        <label for="recipient_first_name">Nome<span class="handle-error">*</span></label>
                        <input type="text" class="form-control" id="recipient_first_name" name="recipient_first_name" value="{{ old('recipient_first_name') }}" required maxlength="255">
                        @if ($errors->has('recipient_first_name'))
                            <div class="error handle-error">{{ $errors->first('recipient_first_name') }}</div>
                        @endif
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="recipient_last_name">Apelido<span class="handle-error">*</span></label>
                        <input type="text" class="form-control" id="recipient_last_name" name="recipient_last_name" value="{{ old('recipient_last_name') }}" required maxlength="255">
                        @if ($errors->has('recipient_last_name'))
                            <div class="error handle-error">{{ $errors->first('recipient_last_name') }}</div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-6">
                    <div class="form-group">
                        <label for="fiscal_number">NIF</label>
                        <input type="text" class="form-control" id="fiscal_number" name="fiscal_number" value="{{ old('fiscal_number') }}" maxlength="9">
                        @if ($errors->has('fiscal_number'))
                            <div class="error handle-error">{{ $errors->first('fiscal_number') }}</div>
                        @endif
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="type">Tipo<span class="handle-error">*</span></label>
                        <select class="form-select" id="type" name="type" required>
                            <option value="">Selecione um tipo</option>
                            <option value="delivery" {{ old('type') == 'delivery' ? 'selected' : '' }}>Entrega</option>
                            <option value="billing" {{ old('type') == 'billing' ? 'selected' : '' }}>Cobrança</option>
                        </select>
                        @if ($errors->has('type'))
                            <div class="error handle-error">{{ $errors->first('type') }}</div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-6">
                    <div class="form-group">
                        <label for="address_line1">Endereço<span class="handle-error">*</span></label>
                        <input type="text" class="form-control" id="address_line1" name="address_line1" value="{{ old('address_line1') }}" required maxlength="255">
                        @if ($errors->has('address_line1'))
                            <div class="error handle-error">{{ $errors->first('address_line1') }}</div>
                        @endif
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="address_line2">Complemento</label>
                        <input type="text" class="form-control" id="address_line2" name="address_line2" value="{{ old('address_line2') }}" maxlength="255">
                        @if ($errors->has('address_line2'))
                            <div class="error handle-error">{{ $errors->first('address_line2') }}</div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-6">
                    <div class="form-group">
                        <label for="postal_code">Código Postal<span class="handle-error">*</span></label>
                        <input type="text" class="form-control" id="postal_code" name="postal_code" value="{{ old('postal_code') }}" required maxlength="8">
                        @if ($errors->has('postal_code'))
                            <div class="error handle-error">{{ $errors->first('postal_code') }}</div>
                        @endif
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="region_uuid">Região<span class="handle-error">*</span></label>
                        <select class="form-select" id="region_uuid" name="region_uuid" required>
                            <option value="">Selecione uma Região</option>
                            @foreach($regions as $region)
                                <option value="{{ $region->uuid }}" {{ old('region_uuid') == $region->uuid ? 'selected' : '' }}>
                                    {{ $region->name }}
                                </option>
                            @endforeach
                        </select>
                        @if ($errors->has('region_uuid'))
                            <div class="error handle-error">{{ $errors->first('region_uuid') }}</div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-6">
                    <div class="form-group">
                        <label for="district_code">Distrito<span class="handle-error">*</span></label>
                        <select class="form-select" id="district_code" name="district_code" data-old="{{ old('district_code') }}" required>
                            <option value="">Selecione um Distrito</option>
                            @foreach ($districts as $district)
                                <option
                                    value="{{ $district->district_code }}"
                                    data-region-uuid="{{ $district->region->uuid }}"
                                    {{ old('district_code') == $district->district_code ? 'selected' : '' }}
                                >
                                    {{ $district->name }}
                                </option>
                            @endforeach
                        </select>
                        @if ($errors->has('district_code'))
                            <div class="error handle-error">{{ $errors->first('district_code') }}</div>
                        @endif
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group">
                        <label for="municipality_code">Cidade<span class="handle-error">*</span></label>
                        <select class="form-select" id="municipality_code" name="municipality_code" data-old="{{ old('municipality_code') }}" required>
                            <option value="">Selecione um Município</option>
                        </select>
                        @if ($errors->has('municipality_code'))
                            <div class="error handle-error" id="municipality_code-error">{{ $errors->first('municipality_code') }}</div>
                        @else
                            <div class="error handle-error" id="municipality_code-error" style="display: none;"></div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col">
                    <div class="form-check">
                        <input type="checkbox" name="primary" class="form-check-input" id="primary" {{ request('primary') ? 'checked' : '' }}>
                        <label class="form-check-label" for="primary">Principal</label>
                        @if ($errors->has('primary'))
                            <div class="error handle-error">{{ $errors->first('primary') }}</div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="text-end my-4">
            <button type="submit" class="btn btn-sm btn-primary">Gravar <i class="fa-light fa-floppy-disk"></i></button>
        </div>
    </form>
@endsection

@push('scripts')
    @vite('resources/js/geo_district/index.js')
    @vite('resources/js/usr_addresses/form.js')
@endpush