@extends('users::user-profile')

@section('inside')
    <div class="card">
        <div class="card-header">
            <h5>{{__('general.user-profile.address')}}</h5>
        </div>
        <div class="card-divider"></div>
        <div class="card-body">
            <div class="row no-gutters">
                <div class="col-12 col-lg-10 col-xl-8">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form autocomplete="off"  action="{{route('post-update-address')}}" method="POST">
                        {{csrf_field()}}
                        <input type="hidden" name="id" value="{{$id}}">
                        <input type="hidden" name="redirect" value="{{$redirect}}">
                    <div class="form-group">
                            <label for="checkout-address-name">{{__('general.name-surname')}} (*)</label>
                        <input type="text" autocomplete="off" class="form-control required" name="name" id="address-name"
                               placeholder="{{__('general.name-surname')}}"
                               value="{{isset($address->name) ? $address->name : ''}}" required>
                    </div>
                    <div class="form-group">
                        <div class="form-group">
                            <label for="address">{{__('general.user-profile.address')}} (*)</label>
                            <textarea type="text" class="form-control required" name="address" id="address" placeholder="Mahalle …  Sokak … Bina/Kapı No …." required>{{isset($address->address) ? $address->address : ''}}</textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="checkout-city">{{__('general.user-profile.city')}} (*)</label>
                        <select id="checkout-city" name="city_id" class="form-control form-control-select2">
                            <option value="">{{__('general.user-profile.select_city')}}</option>
                            @foreach($cities as $city)
                                <option value="{{$city->id}}" @if(isset($address->city_id) && $address->city_id == $city->id) selected @endif>{{$city->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="checkout-district">{{__('general.user-profile.district')}} (*)</label>
                        <select id="checkout-district" name="district_id" class="form-control form-control-select2">
                            <option value="">{{__('general.user-profile.select_district')}}</option>
                            @foreach($districts as $district)
                                <option value="{{$district->id}}" @if(isset($address->district_id) && $address->district_id == $district->id) selected @endif>{{$district->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="checkout-country">{{__('general.user-profile.country')}} (*)</label>
                        <select id="checkout-country" name="country_id" class="form-control form-control-select2">
                                <option value="212" selected>Türkiye</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <div class="form-group">
                            <label for="checkout-first-name">{{__('general.mobile-phone')}} (*)</label>
                            <input type="text" autocomplete="off" class="form-control required" name="mobile_phone" id="address-phone" placeholder="{{__('general.mobile-phone')}}" @if($id == 0) value="{{!empty(\Illuminate\Support\Facades\Auth::user()->mobile) ? \Illuminate\Support\Facades\Auth::user()->mobile: ''}}"  @else value="{{isset($address->mobile_phone) ? $address->mobile_phone : ''}}" @endif required>
                        </div>
                    </div>
                    <div class="form-group row">

                        <div class="form-group col-4" style="display: none">
                            <label for="address-postal_code">{{__('general.user-profile.zip-code')}}</label>
                            <input type="text" autocomplete="off" class="form-control" name="postal_code" id="address-postal_code"
                                   placeholder="{{__('general.user-profile.zip-code')}}"
                                   value="11111">
                        </div>
                        @if(isset($address->priority) && $address->priority == 0)
                        <div class="form-group col-4">
                            <label for="address-priority">{{__('general.user-profile.priority')}}</label>
                            <input type="checkbox" name="priority" class="form-control" id="address-priority" checked>
                        </div>
                        @else
                            <div class="form-group col-4">
                                <label for="address-priority">{{__('general.user-profile.priority')}}</label>
                                <input type="checkbox" name="priority" class="form-control" id="address-priority" >
                            </div>
                            @endif
                        <div class="form-group col-4">
                            <label for="address-priority">{{__('general.user-profile.company')}}</label>
                            <input type="checkbox" name="is_company" class="form-control" id="address-company" @if(isset($address->company) && $address->company) checked @endif>
                        </div>
                    </div>
                    <div id="company-area" @if(isset($address->company) && $address->company) @else style="display: none" @endif>
                    <div class="form-group">
                        <label for="checkout-company-name">{{__('general.user-profile.company-name')}}</label>
                        <input type="text" autocomplete="off" class="form-control" name="company[Company]" id="checkout-company-name" value="{{isset(json_decode(@$address->company)->Company) ? json_decode(@$address->company)->Company : ''}}" placeholder="{{__('general.user-profile.company-name')}}">
                    </div>
                    <div class="form-group">
                        <label for="checkout-company-name">{{__('general.user-profile.tax-dep')}}</label>
                        <input type="text" autocomplete="off" class="form-control" name="company[TaxOffice]" id="checkout-company-taxd" value="{{isset(json_decode(@$address->company)->TaxOffice) ? json_decode(@$address->company)->TaxOffice : ''}}" placeholder="{{__('general.user-profile.company-name')}}">
                    </div>
                    <div class="form-group">
                        <label for="checkout-company-name">{{__('general.user-profile.tax-no')}}</label>
                        <input type="text" autocomplete="off" class="form-control" name="company[TaxNumber]" id="checkout-company-taxn" value="{{isset(json_decode(@$address->company)->TaxNumber) ? json_decode(@$address->company)->TaxNumber : ''}}" placeholder="{{__('general.user-profile.company-name')}}">
                    </div>
                    </div>
                    <div class="form-group mt-3 mb-0">
                        <button type="submit" class="btn btn-primary">{{__('general.user-profile.save')}}</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @endsection
@section('inside-js')
    <script src="{{asset('customer/js/jquery.maskedinput.js')}}"></script>
    <script>
        jQuery(function($) {
            $("#address-phone").mask('+90(XXX)XXX-XXXX');
        })
        $("#address-company").click( function(){
            if( $(this).is(':checked') ){
                $('#company-area').slideDown();
            }else{
                $('#company-area').slideUp();
            }
        });
        $('#checkout-city').on('change',function () {
            $.get('{{route('get-districts','')}}/'+$(this).children("option:selected").val(),function (response) {
                var html = '<option value="">{{__('general.user-profile.select_district')}}</option>';
               if(response.status == 'success'){
                   $.each(response.districts,function (index,value) {
                       html += '<option value="'+value.id+'">'+value.name+'</option>';
                   });
                   $('#checkout-district').html(html);
               }
            });
        })
    </script>
    @endsection