@extends('layouts.admin')
@section('content')
<section class="checkout-page section-padding">
  <div class="container">
    <section class="p-3 mb-1 bg-white prod-block">
      <div class="pl-3">
        <div class="row">
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{ URL::to('/') }}"><i class="ti-home"></i> @lang('messages.Home')</a></li>
              <li class="breadcrumb-item active" aria-current="page">
                <a href="javascript:;" style="pointer-events: none; cursor: default;">@lang('messages.Delete Account')</a>
              </li>
            </ol>
          </nav>
          <div class="col-md-4 text-right">
            <!-- <button type="button" class="btn btn-danger btn-sm" style="border-radius: 50px !important;"><span class="mdi mdi-heart"></span> View My List</button> -->

          </div>
        </div>
      </div>
    </section>
    <div class="col-lg-12">
      <div class="row prod-block bg-white">
        <div class="col-lg-12">
          <div class="row no-gutters">

            <div class="col-md-12">
              <div class="card card-body account-right">
                <div class="widget">
                  <h3 class="mt-1 mb-3">@lang('messages.Delete Account')</h3>
                  {!!Form::open(array('class'=>'','id'=>'deleteUserForm','files' => true));!!}

                  <div class="control-group form-group">
                    <div class="controls">
                      <label>@lang('messages.Full Name') <span class="text-danger">*</span></label>
                      <input type="text" name="full_name" placeholder="@lang('messages.Full Name') " class="form-control" id="name" data-validation-required-message="Please enter your name." required>
                      <p class="help-block"></p>
                    </div>
                  </div>

                  <div class="row">
                    <div class="control-group form-group col-md-6">
                      <label>@lang('messages.Phone Number') <span class="text-danger">*</span></label>
                      <div class="controls">
                        <input type="tel" name="phone" placeholder="@lang('messages.Phone Number')" class="form-control" id="phone" data-validation-required-message="Please enter your valid phone number." required>
                      </div>
                    </div>

                    <div class="control-group form-group col-md-6">
                      <div class="controls">
                        <label>@lang('messages.Email Address') </label>
                        <input type="email" name="email" placeholder="@lang('messages.Email Address')" class="form-control" id="email" data-validation-required-message="Please enter your email valid address.">
                      </div>
                    </div>
                  </div>

                  <div class="control-group form-group">
                    <div class="controls">
                      <label>@lang('messages.Comments') <span class="text-danger">*</span></label>
                      <textarea required rows="4" name="comment" cols="100" placeholder="@lang('messages.Comments')" class="form-control" id="comment" data-validation-required-message="Please enter your comments" maxlength="999" style="resize:none"></textarea>
                    </div>
                  </div>

                  <div class="control-group form-group col-md-12">
                    <div class="delete-user-reason">
                      <label>@lang('messages.Reason for Leaving') <span class="text-danger">*</span></label>
                      <select id="reason" name="reason" required>
                        <option value="" disabled selected>Select your reason</option>
                        <option value="Privacy concerns">Privacy concerns</option>
                        <option value="Receiving too many emails or notifications">Receiving too many emails or notifications</option>
                        <option value="Poor customer service experience">Poor customer service experience</option>
                        <option value="Prefer a competitor's service">Prefer a competitor's service</option>
                        <option value="Difficulty navigating the website">Difficulty navigating the website</option>
                        <option value="Security concerns">Security concerns</option>
                        <option value="No longer need the service">No longer need the service</option>
                        <option value="Found products cheaper elsewhere">Found products cheaper elsewhere</option>
                        <option value="Website performance issues">Website performance issues</option>
                        <option value="Unsatisfactory return/refund policy">Unsatisfactory return/refund policy</option>
                        <option value="Others">Others</option>
                      </select>
                    </div>
                  </div>

                  <input type="hidden" name="customer_id" id="" value="{{ $customer_id }}">
                  <div id="success"></div>
                  <button type="submit" name="submit" class="btn btn-success">@lang('messages.Delete Account')</button>
                  {!!Form::close();!!}
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<script>
  $(document).ready(function() {
    const customerId = $('#customer_id').val();
      if (customerId <= 0) {
        swal("Before Delete please login to continue further.")
          .then((value) => {
            if (value === true) {
              $("#customer_login").trigger("click");
              return false;
            }
          });
      }
    $('#deleteUserForm').submit(function(e) {
      e.preventDefault();

      var token, url, data;
      const customerId = $('#customer_id').val();
      if (customerId <= 0) {
        swal("Before Delete please login to continue further.")
          .then((value) => {
            if (value === true) {
              $("#customer_login").trigger("click");
              return false;
            }
          });
      }

      token = $('meta[name="csrf-token"]').attr('content');
      url = '{{url('/delete-user-request')}}';
      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) {
            toastr.warning(resp.message);
          } else if (resp.http_code == 200) {
            toastr.success(resp.message);
            $('#deleteUserForm').trigger("reset");
            window.location = "{{url('/')}}";
          } else if (resp.http_code == 500) {
            toastr.success(resp.message);
          }
        }
      });
    });
  });
</script>
<style>
  .delete-user-reason select {
    border: 1px solid #ebedf1;
    background: #fff;
    height: 38px;
    color: #647b9c;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0 10px;
    padding-right: 30px;
    line-height: 31px;
  }
</style>
@endsection