@extends('dashboard.layouts.app')

@section('title', __('dashboard.Add New Address'))

@section('page_heading')
{{ __('dashboard.Add New Address') }} - {{ $supplier->name }}
@endsection

@section('breadcrumb')
<li class="breadcrumb-item">
    <a href="{{ route('dashboard.suppliers.index') }}">{{ __('dashboard.Suppliers') }}</a>
</li>
<li class="breadcrumb-item">
    <a href="{{ route('dashboard.suppliers.addresses.index', $supplier->id) }}">{{ __('dashboard.Supplier Addresses')
        }}</a>
</li>
<li class="breadcrumb-item active">{{ __('dashboard.Add New Address') }}</li>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ __('dashboard.Add New Address') }}</h3>
            </div>
            <div class="card-body">
                <form action="{{ route('dashboard.suppliers.addresses.store', $supplier->id) }}" method="POST">
                    @csrf
                    <div class="mb-3">
                        <label for="type" class="form-label">{{ __('dashboard.Type') }}</label>
                        <select name="type" id="type" class="form-select @error('type') is-invalid @enderror">
                            <option value="home" {{ old('type') == 'home' ? 'selected' : '' }}>
                                {{ __('dashboard.home') }}</option>
                            <option value="work" {{ old('type') == 'work' ? 'selected' : '' }}>
                                {{ __('dashboard.work') }}</option>
                        </select>
                        @error('type')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="address" class="form-label">{{ __('dashboard.Address') }}</label>
                        <input type="text" name="address" id="address"
                            class="form-control @error('address') is-invalid @enderror" value="{{ old('address') }}">
                        @error('address')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="city" class="form-label">{{ __('dashboard.City') }}</label>
                        <input type="text" name="city" id="city"
                            class="form-control @error('city') is-invalid @enderror" value="{{ old('city') }}">
                        @error('city')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="governorate_id" class="form-label">{{ __('dashboard.Governorate') }}</label>
                        <select name="governorate_id" id="governorate_id"
                            class="form-select @error('governorate_id') is-invalid @enderror">
                            @foreach ($governorates as $governorate)
                            <option value="{{ $governorate->id }}"
                                {{ old('governorate_id') == $governorate->id ? 'selected' : '' }}>
                                {{ $governorate->name }}</option>
                            @endforeach
                        </select>
                        @error('governorate_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="postal_code" class="form-label">{{ __('dashboard.Postal Code') }}</label>
                        <input type="text" name="postal_code" id="postal_code"
                            class="form-control @error('postal_code') is-invalid @enderror"
                            value="{{ old('postal_code') }}">
                        @error('postal_code')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="phone_1" class="form-label">{{ __('dashboard.Phone 1') }}</label>
                        <input type="text" name="phone_1" id="phone_1"
                            class="form-control @error('phone_1') is-invalid @enderror" value="{{ old('phone_1') }}">
                        @error('phone_1')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="phone_2" class="form-label">{{ __('dashboard.Phone 2') }}</label>
                        <input type="text" name="phone_2" id="phone_2"
                            class="form-control @error('phone_2') is-invalid @enderror" value="{{ old('phone_2') }}">
                        @error('phone_2')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3 form-check">
                        <input type="checkbox" name="is_default" id="is_default" class="form-check-input" value="1"
                            {{ old('is_default') ? 'checked' : '' }}>
                        <label class="form-check-label" for="is_default">{{ __('dashboard.Set as default address')
                            }}</label>
                    </div>
                    <div class="mb-3">
                        <button type="submit" class="btn btn-primary">{{ __('dashboard.Save') }}</button>
                        <a href="{{ route('dashboard.suppliers.addresses.index', $supplier->id) }}"
                            class="btn btn-secondary">{{ __('dashboard.Cancel') }}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection