@extends('layouts.main')
@section('title', __('home.seo.title'))
@section('description', __('home.seo.description'))

@section('content')
<div class="page-content pt-40 pb-40 mb-160 acc-page">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 m-auto">
                <div class="row">
                    <div class="col-md-3">
                        <div class="dashboard-menu">
                            @include('auth.customer.partials.header')
                        </div>
                    </div>
                    <div class="col-md-9">
                        <form action="{{ route('addressStore') }}" method="POST" enctype="multipart/form-data" class="contact-form-style mb-50">
                            @csrf
                            <input type="hidden" name="type" value="{{ $type }}">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-5">{{ __('customer.address.new_address') }}</h5>
                                </div>
                                <div class="card-body contact-from-area">
                                    <div class="notranslate row">
                                        <div class="notranslate col-lg-12 order-lg-1">
                                            <div class="notranslate pb-7 mb-7">

                                                <!-- Billing Form -->
                                                <div class="notranslate row">
                                                    <div class="notranslate col-md-6">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label">
                                                                {!! __('customer.address.2') !!}
                                                                <span class="notranslate text-danger">*</span>
                                                            </label>
                                                            <input type="text" class="notranslate form-control form-control-md" id="name" name="name" value="" required="" data-msg="{{ __('customer.address.first_name_placeholder') }}" data-error-class="notranslate u-has-error" data-success-class="notranslate u-has-success" autocomplete="off">
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>

                                                    <div class="notranslate col-md-6">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label">
                                                                {!! __('customer.address.3') !!}
                                                                <span class="notranslate text-danger">*</span>
                                                            </label>
                                                            <input type="text" class="notranslate form-control form-control-md" id="surname" name="surname" value="" data-msg="{{ __('customer.address.last_name_placeholder') }}">
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>

                                                    <div class="notranslate w-100"></div>

                                                    <div class="notranslate col-md-6">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label">
                                                                {!! __('customer.address.5') !!}
                                                            </label>
                                                            <input type="text" id="phone" name="phone" class="notranslate form-control form-control-md" value="" data-msg="{{ __('customer.address.phone_placeholder') }}" data-error-class="notranslate u-has-error" data-success-class="notranslate u-has-success">
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>

                                                    <div class="notranslate col-md-6">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label" for="country">
                                                                {{__('checkout.address.10')}}
                                                                <span class="notranslate text-danger">*</span>
                                                            </label>
                                                            <select class="notranslate form-control form-control-md js-select selectpicker dropdown-select" data-msg="{{ __('customer.address.country_placeholder') }}" data-error-class="notranslate u-has-error" data-success-class="notranslate u-has-success" data-live-search="true" data-style="form-control border-color-1 font-weight-normal" name="country" id="country">
                                                                <option value="RO" selected>
                                                                    Romania
                                                                </option>
                                                            </select>
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>
                                                    <div class="notranslate col-md-4">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label">
                                                                {!! __('customer.address.8') !!}
                                                                <span class="notranslate text-danger">*</span>
                                                            </label>
                                                            <div class="custom_select">
                                                                <select class="form-control select-active" name="province" id="province" disabled>
                                                                    <option value="">{!! __('customer.address.select_county') !!}</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>

                                                    <div class="notranslate col-md-3">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label">
                                                                {!! __('customer.address.7') !!}
                                                                <span class="notranslate text-danger">*</span>
                                                            </label>
                                                            <div class="custom_select">
                                                                <select class="form-control select-active" name="city" id="city" disabled>
                                                                    <option value="">{!! __('customer.address.select_city') !!}</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>
                                                    <div class="notranslate col-md-3">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label">
                                                                {!! __('customer.address.6') !!}
                                                                <span class="notranslate text-danger">*</span>
                                                            </label>
                                                            <div class="custom_select">
                                                                <select class="form-control select-active" name="street" id="street" disabled>
                                                                    <option value="">{!! __('customer.address.select_street') !!}</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>
                                                    <div class="notranslate col-md-2">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label">
                                                                {!! __('customer.address.9') !!}
                                                                <span class="notranslate text-danger">*</span>
                                                            </label>
                                                            <input type="text" class="notranslate form-control form-control-md" id="zipcode" value="" disabled>
                                                            <input type="text" class="notranslate form-control form-control-md" name="zipcode" id="zipcode_hidden" value="" hidden>
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>

                                                    <div class="notranslate col-md-12">
                                                        <!-- Input -->
                                                        <div class="notranslate js-form-message mb-6">
                                                            <label class="notranslate form-label">
                                                                {!! __('customer.address.11') !!}
                                                                <span class="notranslate text-danger">*</span>
                                                            </label>
                                                            <input type="text" class="notranslate form-control form-control-md" id="address" name="address" value="" required="" data-msg="{{ __('customer.address.valid_address') }}" data-error-class="notranslate u-has-error" data-success-class="notranslate u-has-success" autocomplete="off" placeholder="{{ __("customer.address.type_placeholder") }}">
                                                        </div>
                                                        <!-- End Input -->
                                                    </div>
                                                    <!-- End Input -->
                                                </div>

                                                <div class="notranslate w-100"></div>
                                                <div class="notranslate d-md-flex" style="margin-top:30px !important;">
                                                    <button type="submit" class="btn btn-fill-out submit font-weight-bold">
                                                        {!! __('customer.save') !!}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @endsection
    @section('extraJs')
    <script type="text/javascript">
        var defaultBillingCounty = '';
        var defaultBillingCity = '';
        var defaultBillingStreet = '';

        var defaultShippingCounty = '';
        var defaultShippingCity = '';
        var defaultShippingStreet = '';
    </script>
    <script src="{{ asset('assets/js/address.js') }}"></script>
    @endsection