@extends('shop.customer-area.secondary-template')

@section('header')
    @include('shop.components.header')
@endsection

@section('main2')
    <section class="main-box">
        <h1 class="section-title">Editar Endereço</h1>

        <div class="box-dark">
            <div class="box-header">
                <h3>Dados</h3>
            </div>
            <div class="box-body">
                <form action="{{ route('customer.address.update', $addressData->id) }}" method="POST" class="form-area">
                    <div class="form-item">
                        <label for="address_name">Nome do endereço <span class="danger">*</span></label>
                        <input type="text" name="address_name" id="addressName" required value="{{ $addressData->address_name }}">
                    </div>
                    <div class="form-item">
                        <label for="zipcode">CEP <span class="danger">*</span></label>
                        <input type="text" name="zipcode" id="zipcode" onblur="confirm_address.findCep(this)" required value="{{ $addressData->zipcode }}">
                    </div>
                    <div class="form-item">
                        <label for="street">Rua <span class="danger">*</span></label>
                        <input type="text" name="street" id="street" required value="{{ $addressData->street }}">
                    </div>
                    <div class="form-item">
                        <label for="number">Número <span class="danger">*</span></label>
                        <input type="text" name="number" id="number" required value="{{ $addressData->number }}">
                    </div>

                    <div class="form-item">
                        <label for="line-2">Complemento <small>(OPCIONAL)</small></label>
                        <input type="text" name="complement" id="line-2" value="{{ $addressData->complement }}">
                    </div>
                    <div class="form-item">
                        <label for="neighbohood">Bairro <span class="danger">*</span></label>
                        <input type="text" name="neighbohood" id="neigh" required value="{{ $addressData->neighbourhood }}">
                    </div>
                    <div class="form-item">
                        <label for="city">Cidade <span class="danger">*</span></label>
                        <input type="text" name="city" id="city" required value="{{ $addressData->city }}">
                    </div>
                    <div class="form-item">
                        <label for="state">Estado <span class="danger">*</span></label>
                        <input type="text" name="state" id="state" required value="{{ $addressData->state }}">
                    </div>
                    <div class="form-item">
                        <label for="primaryPhone">Celular <span class="danger">*</span></label>
                        <input type="text" name="primaryPhone" id="primaryPhone" required value="{{ $addressData->celphoneP }}">
                    </div>
                    <div class="form-item">
                        <label for="secondaryPhone">Celular <small>(OPCIONAL)</small></label>
                        <input type="text" name="secondaryPhone" id="secondaryPhone" value="{{ $addressData->celphoneS }}">
                    </div>
                    <button class="finish-button" id="create_address">Atualizar Endereço</button>
                    @csrf
                </form>
            </div>
        </div>

    </section>
@endsection

@section('footer')
    @include('shop.components.footer')
@endsection
@push('css')
    <link rel="stylesheet" href="{{ asset('shop/css/shop-main.css') }}">
    <link rel="stylesheet" href="{{ asset('shop/css/cart.css') }}">
@endpush
@push('js')

@endpush