@extends('layouts.admin')

@section('title') User @endsection
@push('page_style')
@include('include.dataTableStyles')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
<link rel="stylesheet" href="{{ asset('frontend/css/slick-slider.css') }}">
@endpush
@section('content')

<!-- Main content -->
<section>
  <div class="content-header-left mb-2">
    <div class="row breadcrumbs-top">
      <div class="col-12">
        <div class="user_nav">
          @if($userObject->role == getIdFromSlug('manager') && auth()->user()->isSubAdministrator())

          <div class="breadcrumb-wrapper">
            <h5>{{!empty($userObject->getSellerType()) ? $userObject->getSellerType() : 'View Sub Admin'}}</h5>
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{url('account',encrypt(getIdFromSlug('manager'))) }}">Home</a>
              </li>
              <li class="breadcrumb-item"><a class="active" href="{{url('new-sellers')}}">User</a>
              </li>
            </ol>
          </div>
          @elseif ($userObject->role == getIdFromSlug('accountant') && auth()->user()
          ->isSubAdministrator())
          <div class="breadcrumb-wrapper">
            <h5>{{!empty($userObject->getSellerType()) ? $userObject->getSellerType() : 'View Sub Admin'}}</h5>
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{url('account',encrypt(getIdFromSlug('accountant'))) }}">Home</a>
              </li>
              <li class="breadcrumb-item"><a class="active" href="{{url('new-sellers')}}">User</a>
              </li>
            </ol>
          </div>
          @elseif ($userObject->role == getIdFromSlug('moderator') && auth()->user()->isSubAdministrator())
          <div class="breadcrumb-wrapper">
            <h5>{{!empty($userObject->getSellerType()) ? $userObject->getSellerType() : 'View Sub Admin'}}</h5>
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{url('account',encrypt(getIdFromSlug('moderator'))) }}">Home</a>
              </li>
              <li class="breadcrumb-item"><a class="active" href="{{url('new-sellers')}}">User</a>
              </li>
            </ol>
          </div>
          @else
          <div class="breadcrumb-wrapper">
            <h5>{{!empty($userObject->getSellerType()) ? $userObject->getSellerType() : 'View Sub Admin'}}</h5>
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{$userObject->isUser() ? url('new-sellers') : url('users')}}">Home</a>
              </li>
              <li class="breadcrumb-item"><a class="active" href="{{url('new-sellers')}}">User</a>
              </li>
            </ol>
          </div>
          @endif
          @if($userObject->isEmailVerified())
          <div class="actionbtn_">
            @if($userObject->role == getIdFromSlug('manager') && auth()->user()->isSubAdministrator())
            <a id="tool-btn-manage" class="btn btn_ active text-right" href="{{url('account',encrypt(getIdFromSlug('manager'))) }}" title="Back"> Go Back</a>
            @elseif ($userObject->role == getIdFromSlug('accountant') && auth()->user()->isSubAdministrator())
            <a id="tool-btn-manage" class="btn btn_ active text-right" href="{{url('account',encrypt(getIdFromSlug('accountant'))) }}" title="Back"> Go Back</a>
            @elseif ($userObject->role == getIdFromSlug('moderator') && auth()->user()->isSubAdministrator())
            <a id="tool-btn-manage" class="btn btn_ active text-right" href="{{url('account',encrypt(getIdFromSlug('moderator'))) }}" title="Back"> Go Back</a>
            @else

            <a id="tool-btn-manage" class="btn btn_ active text-right" href="{{$userObject->isUser() ? url('new-sellers') : url('users')}}" title="Back"> Go Back</a>
            @endif

            @php
            $state_id=($userObject->status ==\App\Models\User::STATUS_ACTIVE)?'2':'1';
           
            @endphp

            <a href="{{route('user.changeStatus',[encrypt($userObject->id),'state_id'=>$state_id])}}" class=" btn_ {{$userObject->status ==\App\Models\User::STATUS_ACTIVE ?'inactive_status':'active_status'}}" data-id={{encrypt($userObject->id)}} title="Manage">{{($userObject->status == \App\Models\User::STATUS_ACTIVE)?"Inactive":"Active"}}</i></a>
          </div>
          @endif

        </div>
        <div class="user_details">
          <div class="table-responsive">
            <table>
              <tr>
                <td>
                  <figure class="user_profile"><img src="{{!empty($userObject->profile_image) ?$userObject->profile_image : asset('frontend/img/editProfile.svg')}}" alt=""> </figure>
                </td>
                <td><span class="users_">Full Name</span><strong>{{$userObject->full_name}}<strong></td>
                <td><span class="users_">Email</span><strong>{{$userObject->email}}<strong></td>
                <td><span class="users_">Phone Number</span><strong>{{$userObject->getPhoneNumber()}}<strong></td>
                <td><span class="users_">Status</span><strong>{{$userObject->getStatus()}}<strong></td>
                @if ($userObject->isUser())
                <td><span class="users_"> Type</span><strong>{{$userObject->getSellerType()}}<strong></td>
                @endif

              </tr>

            </table>
          </div>
          <div class="member_details">
            <figure><i class="fa fa-calendar"></i></figure><span class="mr-2">
              Member since {{date('M Y',strtotime($userObject->created_at))}} </span>
          </div>


        </div>
      </div>
      <input type="hidden" id="userId" value="{{encrypt($userObject->id)}}">
    </div>
  </div>
  @if (auth()->user()->isAccountManager() && ($userObject->chatReports->count() > '0' || $userObject->userReports->count() > '0'))
  <div class="row">
    <div class="col-12">
      <div class="deletereasonBox">
        <div class="requesthead">
          <h3>Report</h3>
          {{-- <a href="javascript:void(0);" class="mark-all deleteRequestConfirm btn text-danger" title="Delete" data-id="{{encrypt($userObject->id)}}">
          <i class="fas fa-pencil"></i>
          </a> --}}

          <figure class="myaddopen">
            
          </figure>
          
        </div>
        



        <div class="deletereqReason">
            @include('user.partials.chat-report')

            @include('user.partials.user-report') 
         
        </div>
      </div>
    </div>
  </div>
  @endif

  <div class="deletereqReason">
   @if($userObject->deleteRequest->count() > '0') 
      @include('user.partials.delete-request')
  @endif
  @include('user.partials.account-close-report')
  </div>

  @if($userObject->isUser())
  @if(url()->previous()==route('users.newseller') ||  request()->route()->getName()=="users.show" && app('router')->getRoutes()->match(app('request')->create(URL::previous()))->getName()=="users.show") 
  <section>
    <div class="row">
      <div class="col-12">
        <div class="card data-table">
          <div class="filterheader">
            <h3 class="card-title">List of all ADS</h3>
            <!-- <a href="{{ route('advertisment.create.get') }}" class="btn btn-primary float-right">
                <i class="fas fa-plus"></i>&nbsp;&nbsp;Create New Advertisment
            </a> -->
          </div>

          <div class="card-body">
            <table id="advertismentTable" class="table table-bordered table-hover wordLimitTable">
              <thead>
                <tr>
                  <th>S.No</th>
                  <th>Ad Id</th>
                  <th>Title</th>
                  <th>Price</th>
                  <th>Status</th>
                  <th data-orderable="false">Action</th>
                </tr>
              </thead>
            </table>
          </div>


        </div>
        <!-- /.card -->
      </div>
    </div>
    <!-- /.container-fluid -->
  </section>
  @endif
  @endif
</section>



@if (auth()->user()->isAccountManager())
<div class="modal fade" id="approveReportModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <a href="#" class="cancel-model" onclick="$('#approveReportModal').modal('hide')" data-bs-dismiss="modal" aria-label="Close">
        <img src="{{asset('frontend/img/Cancel.svg')}}" class="img-fluid"></a>
      <div class="modal-header">
        <img src="{{asset('frontend/img/trashicon.png')}}" class="img-fluid">
        <h6>Are you sure you want request to report the user <span class="messageContent"> "{{$userObject->full_name}}"</span> account close?</h6>
      </div>
      <div class="modal-body">


        <form method="GET" id="closeAccountForm" >
          @csrf
          <div class="reject_form">
            @foreach ($reasons as $key => $reason)
            <div class="input_main">
              <label class="checkbox_" for="report{{$key}}">{{$reason}}
                <input type="radio" id="report{{$key}}" name="reason_id" value="{{$key}}">
                <span class="checkmarks"></span>
              </label>
            </div>
            @endforeach
          </div>
          <span class="text-danger error-text reason_id_err"></span>

          <input type="hidden" name="model_type" id="accountCloseType" />
          <input type="hidden" name="model_id" value="{{ $userObject->id }}" />
          <input type="hidden" name="report_id"  id="reportId"/>


          <textarea rows="4" cols="31" placeholder="Type here" name="comment" class="form-control"></textarea>
          <span class="text-danger error-text comment_err"></span>
          <div class="text-center">
            <input type="submit" class="btn-commom mt-3" value="Submit Report" id="closeAccount">
          </div>
        </form>

      </div>
    </div>
  </div>
</div>
@endif

<div class="modal fade" id="approveModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <a href="#" class="cancel-model" onclick="$('#approveModal').modal('hide')" data-bs-dismiss="modal" aria-label="Close">
        <img src="{{asset('frontend/img/Cancel.svg')}}" class="img-fluid"></a>
      <div class="modal-header">
        <img src="{{asset('frontend/img/Rejet.svg')}}" class="img-fluid">
        <h6>Are you sure you want to Delete?</h6>
      </div>
      <div class="modal-body">

        <div class="group_btn">
          <a class="btn btn_ submitApproveform">Yes, Delete</a>
          <a href="javascript:void(0);" class="btn btn_ Rejetform" onClick="$('#approveModal').modal('hide');">No, Cancel</a>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

<div class="modal fade" id="penaltyModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <a href="#" class="cancel-model" onclick="$('#penaltyModal').modal('hide')" data-bs-dismiss="modal" aria-label="Close">
        <img src="{{asset('frontend/img/Cancel.svg')}}" class="img-fluid"></a>
      <div class="modal-header">
        <img src="{{asset('frontend/img/Rejet.svg')}}" class="img-fluid">
        <h6>Are you sure you want to add a Voilation point?</h6>
      </div>
      <div class="modal-body">
        <form id="addPoint">
          @csrf
          <p>Reason</p>

          <textarea type="text" class="form-control col-md-12 otherReason" name="reason" placeholder="Type reason here..."></textarea>
          <span class="text-danger error-text  reason_err"></span>

           <input type="hidden" name="user_id" id="penaltyUserId">
           <input type="hidden" name="type" id="penaltyUserType">

          <div class="group_btn">
            <a class="btn btn_ submitApproveformPoint" data-id="{{$userObject->id}}">Yes, Add</a>
            <a href="javascript:void(0);" class="btn btn_ Rejetform" onClick="$('#penaltyModal').modal('hide');">No, Cancel</a>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
</div>

<div class="modal modalCustom fade" id="rejectModal" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered rejectAdContent">

  </div>
</div>
@if($userObject->isUser())
@push('page_script')

@include('include.dataTableScripts')

<script src="{{ asset('js/pages/users/advertisment.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="{{ asset('frontend/js/slick-slider.js') }}"></script>
<script src="{{ asset('js/pages/reject.js') }}"></script>

@endpush
@endif
@push('page_script')
<script>
  $(document).on('click', '.deleteRequestConfirm', function(e) {
    $('#approveModal').modal('show');
    $('.submitApproveform').attr('data-id', $(this).data('id'));

  });

  $(document).on('click', '.reportForAccountClose', function(e) {
    let type = $(this).data('type');
    $('#accountCloseType').val(type);
$('#reportId').val($(this).data('id'))


$('#approveReportModal').modal('show');
});

  $(document).on('click', '.violationModal', function(e) {


    let userId = $(this).data('id');
    let type = $(this).data('type');

    $('#penaltyUserId').val(userId);
    $('#penaltyUserType').val(type);

    $('#penaltyModal').modal('show');
    //$('.submitApproveform').attr('data-id', $(this).data('id'));

  });

  $("#closeAccountForm").submit(function(e) {
e.preventDefault();
let url = "{{route('report.create')}}";
$.get(url, $('#closeAccountForm').serialize()).done(function(data) {
  if ($.isEmptyObject(data.error)) {
    window.location.reload();
  } else {
    printErrorMsg(data.error);
  }
});

});




  $(document).on('click', '.submitApproveform', function(e) {
    url = "{{URL('users')}}"

    $.ajax({
      type: "DELETE",
      url: url + '/' + $(this).data('id'),
      success: function(data) {

        if (data.statusCode >= 200 && data.statusCode < 400) {
          toastr.success(data.message, 'Success!', {
            closeButton: true,
            tapToDismiss: false
          });

          //toastr.success(data.message);

        }

        if (data.statusCode >= 400 && data.statusCode < 500) {
          toastr.info(data.message);
        }

        if (data.statusCode >= 500) {
          toastr.error(data.message);
        }
        setTimeout(function() {
          window.location.href = url
        }, 1000);

      },
      error: function(data) {

      }
    });
  })

  $(document).on('click', '.rejectModal', function(e) {
    let url = site_url + '/reject-ad-modal'
    $.ajax({
      url: url,
      type: "GET",
      data: {
        id: $(this).attr('data-id'),
        _token: $('meta[name="csrf-token"]').attr('content')
      },
      dataType: 'json',
      success: function(result) {
        $('.rejectAdContent').html(result.view);
      },
      error: function(result) {
        //    window.location.reload()

      },

    });
  });

  function printErrorMsg(msg) {
    $.each(msg, function(key, value) {
      $('.' + key + '_err').text(value);
    });
  }
  $(document).on('click', '.submitApproveformPoint', function(e) {
    url = "{{URL('add-voilation-point')}}",
      loadUrl = "{{URL('report')}}"

    $.ajax({
      type: "POST",
      url: url + '/' + $(this).data('id'),
      data: $('#addPoint').serialize(),
      success: function(data) {
        if ($.isEmptyObject(data.error)) {
          window.location.href = loadUrl;

        } else {

          printErrorMsg(data.error);
        }
      },
      error: function(data) {

      }
    });
  })
</script>

@endpush
@endsection