@extends('layouts.admin')
@section('content')
<nav aria-label="breadcrumb " class="breadcrumb-wrap">
  <div class="container">
    <ol class="breadcrumb mrm-15">
       <li class="breadcrumb-item"><a href="{{url('/')}}"><i class="ti-home"></i></a></li>
        <li class="breadcrumb-item"><a href="javascript:;">My Profile</a></li>
        <li class="breadcrumb-item active" aria-current="page">Profile    </li>
    </ol>
  </div>
</nav>
<section class="gray-dark mt-0 pt-4 pt-xs-0 pb-xs-0">
                <div class="container profile-page">
                  
                        <div class="row pt-2  pt-xs-0">
                        <div class="col-lg-3">
                            @include('includes.admin.accountSidebar')
                        </div>


                        <div class="col-lg-9 col-md-9 right-side">

                            <div class="bg-white mb-4">

                                    <div class="row">
                                        <div class="col-12 mb-3">
                                            <h5 class=""> Account Info</h5>
                                        </div>
                                    {!!Form::open(array('url' => 'profile/update','method'=>'POST','class'=>'','id'=>'update_profile','files' => true));!!}
                                        <div class="row px-3">
                                            <div class="col-lg-3">
                                                    <div class="center">

                                                        @if($customer_detail->profile_image !="")
                                                        <span class="profile-picture">
                                                                <img class="editable img-responsive" alt=" Avatar" id="avatar2" src="">
                                                                <span class="prem_icon"><img src="{{ url('img/icons/profile_premium_icon.png') }}"></span>
                                                        </span>
                                                        @endif
                                                        <input name="profile_image" id="profile" accept=".jpg,.jpeg,.png,.bmp" class="custom-file-upload" onchange="validateFileType()" type="file" />
                                                    </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <div class="row px-3">
                                                <div class="col-md-6">
                                                    <!-- Email -->
                                                    <div class="form-group">
                                                      <label>First Name *</label>
                                                      <input class="form-control" name="firstname" type="text" placeholder="First name..." value="{{ $customer_detail->firstname }}" required="">
                                                    </div>

                                                  </div>

                                                  <div class="col-md-6">
                                                    <!-- Last Name -->
                                                    <div class="form-group">
                                                      <label>Last Name *</label>
                                                      <input class="form-control" name="lastname" type="text" placeholder="Last name..." value="{{ $customer_detail->lastname }}"  required="">
                                                    </div>

                                                  </div>
                                                  <div class="col-12 col-md-6">
                                                      <!-- Last Name -->
                                                      <div class="form-group">
                                                        <label>Phone Number</label>
                                                        <input class="form-control" name="phone" readonly type="text" placeholder="Phone number here... " value="{{ $customer_detail->phone }}" required="">
                                                      </div>

                                                    </div>
                                                  <div class="col-12 col-md-6">
                                                      <!-- Email -->
                                                        @php
                                                            $readonly = '';
                                                            if(!empty($customer_detail->email)) {
                                                                $readonly = 'readonly';
                                                            }
                                                        @endphp
                                                      <div class="form-group">
                                                          <label> Email Address *</label>
                                                          <input class="form-control" name="email_id" {{$readonly}} type="email" placeholder="Email address..." value="{{ $customer_detail->email }}" required="">
                                                      </div>
                                                  </div>
                                                  <div class="col-12 col-md-6">
                                                      <!-- Email -->
                                                      <div class="form-group">
                                                          <label>Blood Group</label>
                                                          <input class="form-control" name="blood_group" type="text" placeholder="Blood group here..." value="{{ $customer_detail->blood_group }}">
                                                      </div>
                                                  </div>
                                                  <div class="col-12 col-md-6">
                                                      <!-- Email -->
                                                      <div class="form-group">
                                                          <label>Date of Birth</label>
                                                          <input class="form-control" name="dob" type="date" placeholder="Date of Birth here..." value="{{ $customer_detail->dob }}">
                                                      </div>
                                                  </div>
                                                  <div class="col-12 col-lg-6">
                                                      <!-- Gender -->
                                                      <div class="form-group mb-8">
                                                          <label>Gender</label>
                                                          <div class="btn-group-toggle mt-2 d-flex bd-highlight">
                                                              <div class="mr-2">
                                                                                                                <input id="male" class="radio-custom" name="gen" type="radio" value="Male" {{ $customer_detail->gender == 'male' ? 'checked' : ''}} >
                                                                  <label for="male" class="radio-custom-label">Male</label>
                                                              </div>
                                                              <div class="ml-1">
                                                                  <input id="female" class="radio-custom" name="gen" type="radio" value="Female" {{ $customer_detail->gender == 'female' ? 'checked' : ''}}>
                                                                  <label for="female" class="radio-custom-label">Female</label>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  </div>
                                            </div>

                                        </div>


                                        <div class="row px-3">
                                        <div class="py-2 col-12">
                                            <hr style="border-top: 1px solid #ccc;">
                                        </div>
                                        <div class="col-12 mb-3">
                                            <h5 class=""> GST Invoice</h5>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <!-- Password -->
                                            <div class="form-group">
                                                <label>Business Name </label>
                                    <input class="form-control" type="text" name="business_name" readonly placeholder="Business Name " value="{{ $customer_detail->business_name }}">
                                            </div>
                                        </div>
                                         <div class="col-12 col-md-6">
                                            <!-- Password -->
                                            <div class="form-group">
                                                <label>Pan Number </label>
                                    <input class="form-control" type="text" name="pan_number" readonly placeholder="Pan Number" value="{{ $customer_detail->pan_number }}">
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <!-- Password -->
                                            <div class="form-group">
                                                <label>GSTIN Number</label>
                                                <input class="form-control" type="text" id="gst_number" readonly name="gst_number" placeholder="GSTIN Number" value="{{ $customer_detail->gst_number }}">
                                            </div>
                                        </div>

                                        
                                        <div class="col-12 text-right">
                                          <button class="btn btn-dark btn-md" id="submit_button" type="submit">Save Changes</button>
                                        </div>
                                        
                                        </div>
                            {!!Form::close();!!}
                           </div>
                           {!!Form::open(array('url' => 'password/update','method'=>'POST','class'=>'','id'=>'updatepassword','files' => true));!!}
                           <div class="row">
                           <div class="py-2 col-12">
                                            <hr style="border-top: 1px solid #ccc;">
                                        </div>
                                        <div class="col-12 mb-3">
                                            <h5 class=""> Change password</h5>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <div class="form-group">
                                                <label>New Password</label>
                                                <input class="form-control" type="password" name="password" placeholder="New Password" >
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <div class="form-group">
                                                <label>Confirm Password</label>
                                                <input class="form-control" type="password" name="confirm_password" placeholder="Confirm Password" >
                                            </div>
                                        </div>
                                        <div class="col-12 text-right">
                                                                                <input type="hidden"  name="hdnpassword" class="" id="hdnpassword" value="{{$hdnpassword}}">
                                          <button class="btn btn-dark btn-md" type="submit">Update Password</button>
                              </div>
                              </div>
                              {!!Form::close();!!}
                            </div>
                            </div>
                        </div>

                    </div>
                </div>
         </section>



   <script>
  var locale = "{{app()->getLocale()}}";
  $(document).ready(function(){
    $('#update_profile').submit(function(e){

      e.preventDefault();
      var token, url, data;

      if($('#gst_number').val()) {
            var gstinformat = new RegExp('^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$');
            if (!gstinformat.test($('#gst_number').val())) {
                toastr.error("Please! Enter Valid GSTIN Number. It should be in this '22AAAAA0000A1Z0' format");
                $("#gst_number").focus();
                return false;
            }
      }

      token = $('meta[name="csrf-token"]').attr('content');
      url = '{{url('/profile/update')}}';
      data = new FormData(this);
      $.ajax({
        url: url,
        headers: {'X-CSRF-TOKEN': token},
        data: data,
        processData: false,
        contentType: false,
        type: 'POST',
        datatype: 'JSON',
        success: function (resp) {
          if(resp.http_code == 400){
            err_msg = resp.message.replace(/, \\n /g, '<br>');
            toastr.error(err_msg);
          } else if(resp.http_code == 200){
            toastr.success(resp.message);
            var loc = '{{ url('profile')}}';
            $(location).attr('href',loc);
          } else if(resp.http_code == 500){
            toastr.success(resp.message);
          }
        },
      });
    });

   $('#updatepassword').submit(function(e){
      e.preventDefault()
      var token, url, data;
      token = $('meta[name="csrf-token"]').attr('content');
      url = '{{url('/password/update')}}';
      data = new FormData(this);
      $.ajax({
        url: url,
        headers: {'X-CSRF-TOKEN': token},
        data: data,
        processData: false,
        contentType: false,
        type: 'POST',
        datatype: 'JSON',
        success: function (resp) {
          if(resp.http_code == 400){
            err_msg = resp.message.replace(/, \\n /g, '<br>');
            toastr.error(err_msg);
          } else if(resp.http_code == 200){
            toastr.success(resp.message);
            var loc = '{{ url('profile')}}';
            $(location).attr('href',loc);
          } else if(resp.http_code == 500){
            toastr.success(resp.message);
          }
        },
      });
    });
  });
  function validateFileType() {
            var fileName = $('#profile')[0].files[0];
            var file_name = fileName.name;
            var file_size = fileName.size;
            var extFile = file_name.split('.').pop().toLowerCase();
            if (extFile != "jpg" && extFile != "png" && extFile != "jpeg" && extFile != "bmp") {
                $('#profile').val('');
                alert("Only jpg,jpeg,bmp and png files are allowed!");
            } else if (file_size > 2097152) {
                $('#profile').val('');
                alert('Image size should not be more than 2mb.');
            }
        }

</script>



      @endsection