@extends('admin.layouts.sellermastersoyuz')
@section('title', 'Edit Profile | ')
@section('body')

@component('seller.components.breadcumb',['secondactive' => 'active'])
@slot('heading')
{{ __('staticwords.EditProfile') }}
@endslot
@slot('menu1')
{{ __('staticwords.EditProfile') }}
@endslot



@endcomponent
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.css" integrity="sha256-jKV9n9bkk/CTP8zbtEtnKaKf+ehRovOYeKoyfthwbC8=" crossorigin="anonymous" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.js" integrity="sha256-CgvH7sz3tHhkiVKh05kSUgG97YtzYNnWt6OXcmYzqHY=" crossorigin="anonymous"></script>
<style>
    /*added for crop profile image in user profile page*/
img {
  display: block;
  max-width: 100%;
}
.preview {
  overflow: hidden;
  width: 160px; 
  height: 160px;
  margin: 10px;
  border: 1px solid red;
}
.modal-lg{
  /*max-width: 1000px !important;*/
  max-width: 600px !important;
}
</style>

<div class="contentbar">
  @if ($errors->any())
  <div class="alert alert-danger" role="alert">
    @foreach($errors->all() as $error)
    <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true" style="color:red;">&times;</span></button></p>
    @endforeach
  </div>
  @endif


  <div class="row">
    <div class="col-lg-9">
      <div class="card m-b-30">
        <div class="card-header">
          <h5 class="card-title">{{ __('staticwords.EditArtistProfile') }}</h5>
        </div>
        <div class="card-body">
          <form id="profileForm" action="{{ route('seller.profile.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">

              <div class="form-group col-md-6">
                <label for="">{{ __('staticwords.Name') }} : <span class="required">*</span></label>
                <input placeholder="{{ __('staticwords.PleaseEnterName') }}" type="text" name="name" value="{{auth()->user()->name}}" class="form-control">

              </div>

              <div class="form-group col-md-6">
                <label> {{ __('staticwords.Email') }} : <span class="required">*</span></label>
                <input placeholder="{{ __('staticwords.PleaseEnterEmail') }}" type="text" name="email" value="{{auth()->user()->email}} " class="form-control">
              </div>

              <div class="form-group col-md-6">
                <label for="">{{ __('staticwords.PhoneNo') }} :</label>
                <input placeholder="{{ __('staticwords.PleaseEnterPhoneNo') }}" type="text" name="phone" value="{{auth()->user()->phone}}" class="form-control">
              </div>

              <div class="form-group col-md-6">
                <label>
                  {{ __('staticwords.MobileNo') }} : <span class="required">*</span>
                </label>

                <div class="row no-gutter">
                  <div class="col-md-12">
                    <div class="input-group">

                      <input placeholder="{{ __('staticwords.countrycode') }}" type="text" name="phonecode" value="{{auth()->user()->phonecode}}" class="col-md-2 form-control">
                      <input placeholder="{{ __('staticwords.PleaseEnterMobileNo') }}" type="text" name="mobile" value="{{auth()->user()->mobile}}" class="col-md-10 form-control">
                    </div>
                  </div>
                </div>
                <label id="phonecode-error" class="error" for="phonecode"></label>
                <label id="mobile-error" class="error" for="mobile"></label>
              </div>




              <div class="form-group col-md-4">
                <label>{{ __('staticwords.Country') }} : <span class="required">*</span></label>
                <select data-placeholder="Please select country" class="form-control select2" name="country_id" id="country_id">
                  <option value="">Please Choose</option>
                  @foreach($country as $c)

                  <option value="{{$c->id}}" {{ $c->id == auth()->user()->country_id ? 'selected="selected"' : '' }}>
                    {{$c->nicename}}
                  </option>
                  @endforeach
                </select>
                <label id="country_id-error" class="error" for="country_id"> </label>
              </div>

              <div class="form-group col-md-4">
                <label>{{ __('staticwords.State') }} : <span class="required">*</span></label>
                <select data-placeholder="Please select state" required name="state_id" class="form-control select2" id="upload_id">
                  <option value="">Please choose</option>
                  @foreach($states as $c)
                  <option value="{{$c->id}}" {{ $c->id == auth()->user()->state_id ? 'selected="selected"' : '' }}>
                    {{$c->name}}
                  </option>
                  @endforeach
                </select>
                <label id="upload_id-error" class="error" for="upload_id"> </label>
              </div>

              <div class="form-group col-md-4">
                <label for="">{{ __('staticwords.City') }} :</label>
                <select data-placeholder="Please select city" name="city_id" id="city_id" class="form-control select2">
                  <option value="">Please Choose</option>
                  @foreach($citys as $key=>$c)

                  <option value="{{ $key }}" {{ $key == auth()->user()->city_id ? 'selected' : '' }}>
                    {{$c}}
                  </option>
                  @endforeach
                </select>
                <label id="city_id-error" class="error" for="city_id"> </label>
              </div>
               <div class="form-group col-md-12">
                            <label class="text-dark">Currency Code: <span class="text-danger">*</span></label>
                            <input placeholder="eg. USD"  required class="form-control"
                              type="text" name="code" value="{{auth()->user()->code}}">
                            <small class="text-muted">
                              <i class="fa fa-question-circle"></i> Currency code must be a valid ISO-3 code.
                              Find your currency ISO3 code <a target="__blank"
                                href="https://www1.oanda.com/currency/help/currency-iso-code-country">here</a>
                            </small>
                        </div>

              <div class="form-group col-md-8">
                <label for="exampleInputSlug"> {{ __('staticwords.Choose Profile picture') }}:<sup class="redstar text-danger"></sup></label><br>
                <div class="input-group mb-3">
                  <div class="input-group-prepend">
                    <span class="input-group-text" id="inputGroupFileAddon01">{{ __('staticwords.Upload') }}</span>
                  </div>
                  <input type="file" name="image" class="image file-upload" title="{{ __('staticwords.ChooseFile') }}">
               <!--  <div class="custom-file"> 
                    <input type="file" name="image" id="user_img" class="image file-upload"> 
                   <input type="file" name="image" id="user_img" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01"> 
                     <input type="file"accept="image/*" name="image" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01"> 
                     <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
                  </div>  -->
                </div>
                <label id="inputGroupFile01-error" class="error" for="inputGroupFile01"></label>
              </div>
              <div class="form-group col-md-12">
                <label>{{ __('staticwords.PleaseEnterAddress') }} <small class="text-danger">*</small></label>
                <textarea class="@error('address') is-invalid @enderror" title="{{ __('staticwords.PleaseEnterAddress') }}" required placeholder="{{ __('staticwords.PleaseEnterAddress') }}" name="address" id="editor2" cols="30" rows="3">{{ $store_info->address }}</textarea>
                <div class="errorTxt"></div>
                @error('address')
                <span class="invalid-feedback text-danger" role="alert">
                  <strong>{{ $message }}</strong>
                </span>
                @enderror
              </div>
              <label id="editor2-error" class="error" for="editor2"></label>
              <!--   
            <div class="form-group col-md-8">
              <label>{{ __('staticwords.Document') }}: <span class="text-danger">*</span></label>
              <br>
              <input type="file" id="file" name="document" class="form-control @error('document') is-invalid @enderror sellerform-select">
              <br>
              <div class="errorTxt"></div>
             @error('document')
              <span class="invalid-feedback text-danger" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
       
               <small class="text-muted">
                • {{ __('staticwords.AllowedFileType') }} : {{__("jpeg,jpg,png,pdf")}}
                <br>
                • {{ __('staticwords.MaxFileSize') }} : {{__("2MB")}}
                <br>
                • {{ __('staticwords.proofid') }} : {{__("2MB")}}
              </small>
            </div> -->
              <!-- <br> -->
              <label for="file" generated="true" class="error"></label>


              <br />

              <div class="form-group col-md-12">
                <h2 class="fs-title">{{ __('staticwords.PaymentDetails') }}</h2>
                <h3 class="fs-subtitle">{{ __('staticwords.YourPreferedMethodAtTimeOfPayout') }}</h3>
              </div>



              <div class="form-group col-md-12">
                <label>{{ __('staticwords.PreferredPaymentMethod') }} <span class="text-danger">*</span></label>
                <select required name="preferd" id="preferd" class="preferd form-control @error('preferd') is-invalid @enderror sellerform-select">
                  <!-- <option value="">{{ __('staticwords.PleaseChoosePreferredPaymentmethod') }}</option> -->
                  <option value="paypal" {{ $store_info->preferd == "paypal" ? 'selected' : '' }}>{{ __('Paypal') }}</option>
                  <!-- <option value="paytm">{{ __('Paytm') }}</option> -->
                  <option value="bank" {{ $store_info->preferd == "bank" ? 'selected' : '' }}>{{ __('staticwords.bankTransfer') }}</option>
                </select>

                @error('preferd')
                <span class="invalid-feedback text-danger" role="alert">
                  <strong>{{ $message }}</strong>
                </span>
                @enderror
              </div>

              <div class="form-group col-md-12">
                <div style="" class="paypalBox form-group">
                  <label>{{ __('staticwords.PaypalEmail') }} <span class="text-danger">*</span></label>
                  <input name="paypal_email" value="@if($store_info->preferd=='paypal'){{  $store_info->paypal_email }}@endif" type="text" class="form-control" placeholder="{{ __('staticwords.paypalemail') }}">
                </div>
              </div>

              <!-- <div style="display: none;" class="paytmBox form-group">
              <label>Paytm Mobile No:</label>
              <input type="text" placeholder="{{ __('staticwords.PaytmMobile') }}" name="paytem_mobile">
            </div> -->
              <div class="form-group col-md-12">
                <div style="" class="bankGroup">
                  <div class="form-group">
                    <label>{{ __('staticwords.AccountNumber') }} <span class="text-danger">*</span></label>
                    <input class="form-control" pattern="[0-9]+" title="Invalid account no." type="text" name="account" value="@if($store_info->preferd=='bank'){{  $store_info->account }}@endif" placeholder="{{ __('staticwords.PleaseEnterAccountNumber') }}"> <span class="required">{{$errors->first('account')}}</span>
                  </div>

                  <div class="form-group">
                    <label>{{ __('staticwords.AccountName') }} <span class="text-danger">*</span></label>
                    <input class="form-control" type="text" name="account_name" value="@if($store_info->preferd=='bank'){{  $store_info->account_name }}@endif" placeholder="{{ __('staticwords.PleaseEnterAccountName') }}"> <span class="required">{{$errors->first('bank_name')}}</span>
                  </div>

                  <div class="form-group">
                    <label> {{ __('staticwords.BankName') }} <span class="text-danger">*</span></label>
                    <input class="form-control" type="text" name="bank_name" value="@if($store_info->preferd=='bank'){{  $store_info->bank_name }}@endif" placeholder="{{ __('staticwords.PleaseEnterBankName') }}"> <span class="required">{{$errors->first('bank_name')}}</span>
                  </div>

                  <div class="form-group">
                    <label> {{ __('IFSC Code/Banking Code') }} <span class="text-danger">*</span></label>
                    <input class="form-control" type="text" name="ifsc" value="@if($store_info->preferd=='bank'){{  $store_info->ifsc }}@endif" placeholder="{{ __('staticwords.PleaseEnterIFSCCode') }}"> <span class="required">{{$errors->first('ifsc')}}</span>
                  </div>

                  <div class="form-group">
                    <label>{{ __('staticwords.BranchAddress') }} <span class="text-danger"></span> </label>
                    <input class="form-control" type="text" id="first-name" name="branch" placeholder="Please Enter Branch Address" value="@if($store_info->preferd=='bank'){{  $store_info->branch }}@endif">
                    <span class="required">{{$errors->first('branch')}}</span>
                  </div>
                </div>
              </div>
              <br />

              <div class="form-group">
                <label for="">{{ __('staticwords.aboutme') }}</label><span class="text-danger">*</span>
                <p><span class="text-muted" >({{ __('staticwords.Max 1500 characters allowed') }})</span></p>
                <textarea name="aboutme" maxlength="1500" id="editor1" cols="30" rows="10">{!! $store_info->aboutme !!}</textarea>
              </div>
              <!-- <span class="text-muted" id="rchars">255</span> <span class="text-muted">{{ __('staticwords.Character') }}</span> -->
              <label id="editor1-error" class="error" for="editor1"></label>
              <div class="form-group">
                <label for="">{{ __('staticwords.AwardsandRecognations') }}</label>
                 <p><span class="text-muted" >({{ __('staticwords.Max 1500 characters allowed') }})</span></p>
                <textarea name="awards" maxlength="1500" id="editor3" cols="30" rows="10">{!!  $store_info->awards !!}</textarea>
              </div>
              <!-- <span class="text-muted" id="rchars_award">500</span> <span class="text-muted">{{ __('staticwords.Character') }}</span> -->
               <label id="editor3-error" class="error" for="editor3"></label>

              <div class="form-group">
                <label for="">{{ __('staticwords.OtherArtGalleriesOrPlatformsAssociatedWith') }}</label>
                <textarea name="art_info" id="editor4" cols="30" rows="10">{!!  $store_info->art_info !!}</textarea>
              </div>
              <div class="form-group col-md-12">
                <label class="check">
                  <input type="checkbox" id="check" name="update_password" value="test">
                  <span class="checkmark"></span>
                 {{ __('staticwords.WantToUpdatePassword') }} 
                </label>
              </div>

              <div class="col-md-12 passwordshow hide">
                <div class="row">
                  <div class="form-group col-md-6">
                    <label for="">{{ __('staticwords.EnterPassword') }} : <span class="required">*</span></label>
                    <div class="input-group">
                      <input name="password" type="password" id="id_password" class="form-control" autocomplete="current-password" placeholder="{{ __('staticwords.EnterPassword') }}">
                      <div class="input-group-prepend">
                        <span class="input-group-text"> <i id="togglePassword" class="fa fa-eye"></i></span>
                      </div>
                    </div>
                  </div>



                  <div class="form-group col-md-6">
                    <label for="">{{ __('staticwords.ConfirmPassword') }} : <span class="required">*</span></label>
                    <div class="input-group">
                      <input placeholder="{{ __('staticwords.ConfirmPassword') }}" id="id_password1" type="password" name="password_confirmation" class="form-control">
                      <div class="input-group-prepend">
                        <span class="input-group-text"> <i id="togglePassword1" class="fa fa-eye"></i></span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>


            <div class="form-group">
              <button type="reset" class="btn btn-danger mr-1"><i class="fa fa-ban"></i> {{ __('staticwords.reset') }}</button>
              <button id="seller_profile" @if(env('DEMO_LOCK')==0) type="submit" @else title="This action is disabled in demo !" disabled="disabled" @endif class="btn btn-primary"><i class="fa fa-check-circle"></i>
                {{ __('staticwords.Update') }}</button>
            </div>

        </div>
        </form>
      </div>
    </div>


    <div class="col-lg-3">
      <div class="card m-b-30">
        <div class="user-slider">
          <div class="user-slider-item">
            <div class="card-body text-center">
              <span id="default">
                @if(Auth::user()->image !="")
                  @if(file_exists(public_path().'/images/user/'.Auth::user()->image))
                    <img id="preview1" src="{{url('images/user/'.Auth::user()->image)}}" class="img-circle rounded mx-auto d-block" alt="User Image">
                  @else
                    <img id="preview1" src="{{url(Auth::user()->image)}}" class="img-circle rounded mx-auto d-block" alt="User Image">
                  @endif
                @else
                  <img id="preview1" class="img-circle rounded mx-auto d-block" title="{{ Auth::user()->name }}" src="{{ Avatar::create(Auth::user()->name)->toBase64() }}" />
                @endif
              </span>
              <h5 class="mt-2">{{ Auth::user()->name }}</h5>
              <p>{{ Auth::user()->store->name }}</p>
              <p> <i class="feather icon-map-pin"></i> @if(auth()->user()->country)
                {{ auth()->user()->city ?  auth()->user()->city->name.', ' : '' }}
                {{ auth()->user()->state ?  auth()->user()->state->name.', ' : '' }}
                {{ auth()->user()->country->nicename }}
                @else
                {{__("Location not updated")}}
                @endif
              </p>

              <p><span class="badge badge-primary-inverse">Seller</span></p>
            </div>
            <div class="card-footer text-center">
              <div class="row">
                <div class="col-6 border-right">
                  <h5>{{ count(Auth::user()->products) }}</h5>
                  <p class="my-2">{{ __('staticwords.TotalArtworks') }}</p>
                </div>
                <div class="col-6">
                  <h5>{{ Auth::user()->purchaseorder->count() }}</h5>
                  <p class="my-2">{{ __('staticwords.TotalPurchase') }}</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

    <!--close delete modal-->

    <!--crop image modal-->
    <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="modalLabel">
              {{ __('staticwords.CropProfileImageBeforeUpload') }}
            </h5>
            <i class="close fa fa-times" id="close-crop-modal" data-dismiss="modal" aria-label="Close" style="font-size:1.25rem;"></i>
       
          </div>
          <div class="modal-body">
            <div class="img-container">
                <div class="row">
                    <div class="col-md-8">
                      <img id="image">
                       
                    </div>
                    <div class="col-md-4">
                        <div class="preview"></div>
                    </div>
                </div>
            </div>
          </div>
          <div class="modal-footer">
              <button type="reset"  id="reset_crop" class="btn btn-default" data-dismiss="modal">
                          {{ __('staticwords.Cancel') }}
                        </button>
          
              <button type="submit" id="crop" class="btn btn-success">
                           {{ __('staticwords.Crop') }}
                        </button>
          </div>
       </div>
    </div>
  </div>

<!--crop image modal-->




  @endsection

  @section('custom-script')

  <script>
    var baseUrl = "