@extends('layouts.app-home-user')
@section('content')

<div class="ltn__breadcrumb-area text-left bg-overlay-white-30 " >
        <div class="container">
            <div class="row direction">
                <div class="col-lg-6">
                    <div class="ltn__breadcrumb-inner">
                        <h3 class="page-title" >   My Profile</h3>
                        
                    </div>
                </div>
                <div class="col-lg-6">

                	<div class="ltn__breadcrumb-list " style="text-align: right;">
                            <ul>
                                <li><a href="{{url('user/dashboard')}}" class="active"><span class="ltn__secondary-color"><i class="fa fa-home"></i></span> Home</a></li>
                                <li><i class="fa fa-angle-right"></i></li>
                                <li>   My Profile</li>
                            </ul>
                        </div>
                  </div>
            </div>
        </div>
    </div>


  

    <div class=" gry-bg liton__wishlist-area pt-60 pb-70 pt-5 pb-5">
        <div class="container">
            <div class="row direction">
                <div class="col-lg-12">
                    <!-- PRODUCT TAB AREA START -->
                    <div class="ltn__product-tab-area">
                        <div class="container-fuild">
                            <div class="row">
                              @include('layouts.user_sidebar')
                                <div class="col-lg-9">
                                    <div class="tab-content bg-white">
                                    	<div class="form-box-title px-3 py-2">
                                       My Profile
                                </div>
                                       
                                        <div class="tab-pane fade active show p-3" id="liton_tab_1_5">
                                            <div class="ltn__myaccount-tab-content-inner">
                                                <div class="ltn__form-box">
                                                <form id="profile_update"  action="{{ url('user/profile_update') }}" method="post" enctype="multipart/form-data">
                                                {!! csrf_field() !!}

                                                
                                                    @if ($message = session()->has('errors_validation'))
                                                   <div class="alert alert-danger" role="alert" id="danger-alert">
                                                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                      <span aria-hidden="true">&times;</span> 
                                                      </button>
                                                      @foreach(session()->get('errors_validation') as $err)
                                                      {{$err}}
                                                      <br>
                                                      @endforeach
                                                   </div>
                                                   @endif
                                                   @if ($message = session()->has('success_message'))
                                                   <div class="alert alert-success" role="alert" id="danger-alert">
                                                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                       <span aria-hidden="true">&times;</span> 
                                                      </button>
                                                      {{session()->get('success_message')}}
                                                   </div>
                                                   @endif

                                                        <div class="row mb-50 p-4 pb-0" style="padding-bottom:0 !important;">
                                                            <div class="col-md-6 pb-3">
                                                                <label>Shop Name <span class="error">*</span></label>
                                                                <input type="text" name="name" class="form-control" value="{{Auth::user()->name}}" placeholder="Shop Name">
                                                            </div>
                                                            <div class="col-md-6 pb-3">
                                                                <label>Owner Name <span class="error">*</span></label>
                                                                <input type="text" name="owner_name" class="form-control" value="{{Auth::user()->owner_name}}" placeholder="Owner Name">
                                                            </div>
                                 
                                                            <div class="col-md-6 pb-3">
                                                                <label>Email Address <span class="error">*</span></label>
                                                                <input type="email" name="email" class="form-control" value="{{ Auth::user()->email }}" readonly >
                                                            </div>
                                                            <div class="col-md-6 pb-3">
                                                                <label>Mobile No <span class="error">*</span></label><br/>
                                                                <input type="text"  name="mobile" class="form-control" value="{{ Auth::user()->mobile }}"  placeholder=" XXX XXX XXXX" minlength="10" maxlength="10"  oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" required>
                                                            </div>
     

                                                            <div class="col-md-6 pb-3">
                            <label>Country <span class="error">*</span></label>
                            <select class="form-control Country" name="country" required="">
                            <option value="">Select Country</option>
                            @foreach($country as $val)
                            <option value="{{$val->id}}" @if(Auth::user()->country==$val->id) selected @endif>{{$val->name}}</option>
                            @endforeach
                            </select>
                            </div>
                            <div class="col-md-6 pb-3">
                            <label>State <span class="error">*</span></label>
                            <select class="form-control State" name="state" required="">
                            <option value="">Select State</option>
                            @foreach($state as $sval)
                            <option value="{{$sval->id}}" @if(Auth::user()->state==$sval->id) selected @endif>{{$sval->name}}</option>
                            @endforeach
                            </select>
                            </div>
                            <div class="col-md-6 pb-3">
                            <label>City <span class="error">*</span></label>
                            <select class="form-control City" name="city" required="">
                            <option value="">Select City</option>
                            @foreach($city as $csval)
                            <option value="{{$csval->id}}" @if(Auth::user()->city==$csval->id) selected @endif>{{$csval->name}}</option>
                            @endforeach
                            </select>
                            </div>
                            <div class="col-md-6 pb-3">
                            <label>Area <span class="error">*</span></label>
                            <select class="form-control Area" name="area" required="">
                            <option value="">Select Area</option>
                            @foreach($area as $v1al)
                            <option value="{{$v1al->id}}" @if(Auth::user()->area==$v1al->id) selected @endif>{{$v1al->name}}</option>
                            @endforeach
                            </select>
                            </div>

                            <div class="col-md-6 pb-3">
                            <label>Postal Code <span class="error">*</span></label>
                            <input class="form-control border-form-control" name="pincode" value="{{Auth::user()->pincode}}" type="number" id="pincode">
                            </div>
                            <div class="col-md-12 pb-3">
                            <label>Address <span class="error"></span></label>
                            <textarea id="address" name="address"  class="form-control not-dark"  >{{Auth::user()->address}}</textarea>

                            </div>
                            <div class="col-md-6 pb-3">
                            <label>VAT Number <span class="error"></span></label>
                            <input class="form-control border-form-control" name="pincode" value="{{Auth::user()->vat_no}}" type="text" id="vat_no">
                            </div>
                           

                        
                                                         
                                                          

                                                           
                                                        </div>

                                                        <div class="btn-wrapper p-4">
                                                            <button type="submit" class="btn btn-info  theme-btn-1 btn-effect-1 text-uppercase" style="background:#111; padding:12px 20px; color:#fff">Save Changes</button>
                                                        </div>
                                                       
                                                        
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- PRODUCT TAB AREA END -->
                </div>
            </div>
        </div>
    </div>
@endsection