@extends('layouts.vertical', ['pageTitle' => __('customers.edit_address')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-map-marker-alt"></i> {{ __('customers.edit_address') }}
        <small>{{ __('customers.customer_label') }} {{ $customer->commercial_name }}</small>
    </h1>
    <div class="subheader-block">
        <a href="{{ route('sales.customers.show', $customer) }}" class="btn btn-secondary">
            <i class="fal fa-arrow-left"></i> {{ __('customers.back_to_customer') }}
        </a>
    </div>
</div>
@endsection

@section('content')

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

<form action="{{ route('sales.customers.addresses.update', $customer) }}" method="POST">
    @method('PUT')>
    @csrf

    <div class="panel">
        <div class="panel-hdr">
            <h2><i class="fal fa-map-marker-alt text-warning"></i> {{ __('customers.address_information') }}</h2>
        </div>
        <div class="panel-container show">
            <div class="panel-content">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{ __('customers.branch_office_label') }} <span class="text-danger">*</span></label>
                            <textarea class="form-control @error('office_branch') is-invalid @enderror" 
                                      name="office_branch" rows="2" required>{{ old('office_branch', $address->office_branch) }}</textarea>
                            @error('office_branch')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{ __('customers.address_label') }} <span class="text-danger">*</span></label>
                            <textarea class="form-control @error('address') is-invalid @enderror" 
                                      name="address" rows="2" required>{{ old('address', $address->address) }}</textarea>
                            @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{ __('customers.postal_code') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('postal_code') is-invalid @enderror" 
                                   name="postal_code" value="{{ old('postal_code', $address->postal_code) }}" maxlength="10" required>
                            @error('postal_code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{ __('customers.country') }} <span class="text-danger">*</span></label>
                            <input type="number" class="form-control @error('country') is-invalid @enderror"
                                   name="country" value="{{ old('country', $address->country) }}" required>
                            @error('country')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            <small class="form-text text-muted">{{ __('customers.country_hint') }}</small>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{ __('customers.state') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('state') is-invalid @enderror" 
                                   name="state" value="{{ old('state', $address->state) }}" maxlength="100" required>
                            @error('state')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{ __('customers.city') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('city') is-invalid @enderror" 
                                   name="city" value="{{ old('city', $address->city) }}" maxlength="150" required>
                            @error('city')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>{{ __('customers.area_code') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('lada') is-invalid @enderror" 
                                   name="lada" value="{{ old('lada', $address->lada) }}" maxlength="10" required>
                            @error('lada')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{ __('customers.phone') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('phonenumber') is-invalid @enderror" 
                                   name="phonenumber" value="{{ old('phonenumber', $address->phonenumber) }}" maxlength="20" required>
                            @error('phonenumber')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>{{ __('customers.extension') }}</label>
                            <input type="text" class="form-control" name="extention" value="{{ old('extention', $address->extention) }}" maxlength="10">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>{{ __('customers.email') }} <span class="text-danger">*</span></label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                   name="email" value="{{ old('email', $address->email) }}" maxlength="100" required>
                            @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>{{ __('customers.website') }}</label>
                            <input type="url" class="form-control" name="webpage" value="{{ old('webpage', $address->webpage) }}" maxlength="200">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="panel-container show">
            <div class="panel-content">
                <div class="row">
                    <div class="col-md-12 text-right">
                        <a href="{{ route('sales.customers.show', $customer) }}" class="btn btn-secondary">
                            <i class="fal fa-times"></i> {{ __('customers.cancel') }}
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fal fa-save"></i> {{ __('customers.save_address') }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</form>

@endsection