@extends('frontend.app')
<!-- Main Container  -->
@section('content')
    <!-- ========== MAIN CONTENT ========== -->
    <!--banner start-->

    <div class="headtoPadd">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <h4 class="text-uppercase">ACCOUNT SETTINGS </h4>
                    <div class="">
                        <div class="border-bottom"></div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <div class="site-section pt-1">
        <div class="container">
            <div class="accordian_area">
                <div class="row d-flex justify-content-center">
                    <div class="col-lg-10">
                        @include('flash::message')
                        <h5 class="mb-2 accord_cat">
                            <a class="colapseClickmoew f-16 playfair {{ (Session::get('tab_type')=='cat0') ? '' : 'collapsed' }}" data-toggle="collapse" data-target="#cat0" role="button" aria-expanded="false" aria-controls="cat0">
                                Profile Settings
                            </a>
                        </h5>
                        <div class="collapse {{ (Session::get('tab_type')=='cat0') ? 'show' : '' }}" id="cat0" style="">
                            <form method="post" action="{{ url('user/update-account')  }}">
                                @csrf
                                <input type="hidden" name="tab_type" value="cat0">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" id="nametext" class="form-control" name="name" value="{{ old('name', @$user->name) }}">
                                            <label for="nametext">Your Name</label>
                                            @if ($errors->has('name')) <p class="text-danger">{{ $errors->first('name') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="email" id="emailid" class="form-control" name="email" value="{{ old('email', @$user->email) }}">
                                            <label for="emailid">Email address</label>
                                            @if ($errors->has('email')) <p class="text-danger">{{ $errors->first('email') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" id="contactno" class="form-control" name="mobile" value="{{ old('mobile', @$user->mobile) }}"  onkeypress="javascript:return isNumber(event)">
                                            <label for="contactno">Contact no.</label>
                                            @if ($errors->has('mobile')) <p class="text-danger">{{ $errors->first('mobile') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="currency">Preferred Currency</label>
                                            <select id="currency" class="form-control" name="currency_id">
                                                <option value="">Choose...</option>
                                                @foreach ($currencies as $currency)
                                                    <option value="{{ $currency->id }}" {{ ( $currency->id==old('currency_id', @$user->currency_id)) ? 'selected':'' }}>{{ $currency->name }}</option>
                                                @endforeach
                                            </select>
                                            @if ($errors->has('currency_id')) <p class="text-danger">{{ $errors->first('currency_id') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <button type="submit" class="btn-auto btn btn-dark btn-sm">Save Settings</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="mt-2 mb-2">
                        </div>
                        <h5 class="mb-2 accord_cat">
                            <a class="colapseClickmoew f-16 playfair {{ (Session::get('tab_type')=='cat1') ? 'show' : 'collapsed' }}"  data-toggle="collapse" data-target="#cat1" role="button" aria-expanded="false" aria-controls="cat1">
                                Change Password
                            </a>
                        </h5>
                        <div class="collapse {{ (Session::get('tab_type')=='cat1') ? 'show' : '' }} " id="cat1" style="">
                            <form method="post" action="{{ url('user/update-password')  }}">
                                @csrf
                                <input type="hidden" name="tab_type" value="cat1">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="password" name="old_password" id="stitle3"  placeholder="Enter old password here" class="form-control" value="{{ old('old_password') }}">
                                            <label for="stitle3">Old Password</label>
                                            @if ($errors->has('old_password')) <p class="text-danger">{{ $errors->first('old_password') }}</p> @endif
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="password" name="new_password" id="stitle3" placeholder="Enter new password here" class="form-control" value="{{ old('new_password') }}">
                                            <label for="stitle3">New Password</label>
                                            @if ($errors->has('new_password')) <p class="text-danger">{{ $errors->first('new_password') }}</p> @endif
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="password" name="confirm_password" id="stitle3" value="{{ old('confirm_password') }}" placeholder="Enter confirm password here" class="form-control">
                                            <label for="stitle3">Confirm Password</label>
                                            @if ($errors->has('confirm_password')) <p class="text-danger">{{ $errors->first('confirm_password') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <button type="submit" class="btn-auto btn btn-dark btn-sm">Save Settings</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="mt-2 mb-2">
                        </div>
                        <h5 class="mb-2 accord_cat">
                            <a class="colapseClickmoew f-16 playfair {{ (Session::get('tab_type')=='cat2') ? '' : 'collapsed' }} " data-toggle="collapse" data-target="#cat2" role="button" aria-expanded="false" aria-controls="cat2">
                                Shipping Details
                            </a>
                        </h5>
                        
                        <div class="collapse {{ (Session::get('tab_type')=='cat2') ? 'show' : '' }}" id="cat2" style="">
                            <form method="post" action="{{ url('user/update-shipping-details/')  }}" id="shipping-address-form">
                                @csrf
                                <input type="hidden" name="tab_type" value="cat2">
                                <input type="hidden" name="type" value="shipping" />
                                <input type="hidden" name="id" value="{{$user->shippingAddress ? $user->shippingAddress->id : ''}}" />
                                <div class="row">
                                    
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" name="line_1" id="stitle3" value="{{ old('line_1', @$user->shippingAddress->line_1) }}" placeholder="Enter here" class="form-control">
                                            <label for="stitle3">Address Line 1</label>
                                            @if ($errors->has('line_1')) <p class="text-danger">{{ $errors->first('line_1') }}</p> @endif
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" name="line_2" id="addres-line-2" value="{{ old('line_2', @$user->shippingAddress->line_2) }}" placeholder="Enter here" class="form-control">
                                            <label for="stitle3">Address Line 2</label>
                                            @if ($errors->has('line_2')) <p class="text-danger">{{ $errors->first('line_2') }}</p> @endif
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="status1">Country</label>
                                            <select class="form-control" id="country" name="country_id" >
                                                <option value="">Select Country</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->id }}" {{ ( $country->id==old('country_id', @$user->shippingAddress->country_id)) ? 'selected':'' }}>{{ $country->name }}</option>
                                                @endforeach                                     
                                          </select>
                                          @if ($errors->has('country_id')) <p class="text-danger">{{ $errors->first('country_id') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" id="stitle4" name="district" value="{{$user->shippingAddress ? $user->shippingAddress->district : ''}}" placeholder="Enter here" class="form-control">
                                            <label for="stitle4">Town/City</label>
                                            @if ($errors->has('district')) <p class="text-danger">{{ $errors->first('district') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" name="postal_code" id="stitle5" value="{{$user->shippingAddress ? $user->shippingAddress->postal_code : ''}}" placeholder="Enter here" class="form-control">
                                            <label for="stitle5">Zip code</label>
                                            @if ($errors->has('postal_code')) <p class="text-danger">{{ $errors->first('postal_code') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <button type="submit" class="btn btn-dark btn-sm btn-auto">Save Settings</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="mt-2 mb-2">
                        </div>
                        <h5 class="mb-2 accord_cat">
                            <a class="colapseClickmoew f-16 playfair {{ (Session::get('tab_type')=='cat3') ? '' : 'collapsed' }} " data-toggle="collapse" data-target="#cat3" role="button" aria-expanded="false" aria-controls="cat3">
                                Billing Details
                            </a>
                        </h5>
                        <div class="collapse {{ (Session::get('tab_type')=='cat3') ? 'show' : '' }}" id="cat3" style="">
                            <form method="post" action="{{ url('user/update-billing-details/')  }}" id="billing-address-form">
                                @csrf
                                <input type="hidden" name="tab_type" value="cat3">
                                <input type="hidden" name="type" value="billing" />
                                <input type="hidden" name="id" value="{{$user->billingAddress ? $user->billingAddress->id : ''}}" />
                                <div class="row">
                                    <div class="col-md-12">
                                         <div>
                                            <input type="checkbox" class="filled-in"  id="defaultLoginFormRemember" onclick="SetBillingAddress(this.checked);">
                                            <label  for="defaultLoginFormRemember">Same as Shipping Details</label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" name="line_1" id="stitle3" value="{{$user->billingAddress ? $user->billingAddress->line_1 : ''}}" placeholder="Enter here" class="form-control">
                                            <label for="stitle3">Address Line 1</label>
                                            @if ($errors->has('line_1')) <p class="text-danger">{{ $errors->first('line_1') }}</p> @endif
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" name="line_2" id="billing-addres-line-2" value="{{ old('line_2', @$user->billingAddress->line_2) }}" placeholder="Enter here" class="form-control">
                                            <label for="billing-addres-line-2">Address Line 2</label>
                                            @if ($errors->has('line_2')) <p class="text-danger">{{ $errors->first('line_2') }}</p> @endif
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="status1">Country</label>
                                            <select class="form-control" id="country" name="country_id" >
                                                <option value="">Select Country</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->id }}" {{($user->billingAddress && ($user->billingAddress->country_id == $country->id)) ? 'selected':''}}>{{ $country->name }}</option>
                                                @endforeach                                     
                                          </select>
                                          @if ($errors->has('country_id')) <p class="text-danger">{{ $errors->first('country_id') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" id="stitle4" name="district" value="{{$user->billingAddress ? $user->billingAddress->district : ''}}" placeholder="Enter here" class="form-control">
                                            <label for="stitle4">Town/City</label>
                                            @if ($errors->has('district')) <p class="text-danger">{{ $errors->first('district') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="md-form">
                                            <input type="text" name="postal_code" id="stitle5" value="{{$user->billingAddress ? $user->billingAddress->postal_code : ''}}" placeholder="Enter here" class="form-control">
                                            <label for="stitle5">Zip code</label>
                                            @if ($errors->has('postal_code')) <p class="text-danger">{{ $errors->first('postal_code') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <button type="submit" class="btn btn-dark btn-sm btn-auto">Save Settings</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- <div class="mt-2 mb-2">
                        </div>
                        <h5 class="mb-2 accord_cat">
                            <a class="colapseClickmoew collapsed" data-toggle="collapse" data-target="#cat4" role="button" aria-expanded="false" aria-controls="cat4">
                                Notification Settings
                            </a>
                        </h5>
                        <div class="collapse" id="cat4" style="">
                            test
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ========== END MAIN CONTENT ========== -->
@endsection

@section('styles')
    <style type="text/css">
        
    </style>
@endsection 

@section('scripts') 
    @parent
    <script type="text/javascript">
        function isNumber(evt) {
            var iKeyCode = (evt.which) ? evt.which : evt.keyCode
            if (iKeyCode != 46 && iKeyCode > 31 && (iKeyCode < 48 || iKeyCode > 57))
                return false;

            return true;
        }
    
    function SetBillingAddress(checked) {
        if (checked) {
            $shippingaddress = $("#shipping-address-form").serializeArray();
            
            $("#billing-address-form input[name=line_1]").val($shippingaddress[4].value);
            $("#billing-address-form input[name=line_2]").val($shippingaddress[5].value);
            $("#billing-address-form select[name=country_id]").val($shippingaddress[6].value).prop("selected", true);
            $("#billing-address-form input[name=district]").val($shippingaddress[7].value);
            $("#billing-address-form input[name=postal_code]").val($shippingaddress[8].value);
             
        }
    }
</script>
    
@endsection