@extends('layouts.admin')

@section('title') Users @endsection

@section('page_title') Users @endsection

@section('content')
 
  @push('page_style')
		@include('include.dataTableStyles')
	@endpush

  <!-- Main content -->
  <section>
     <!-- Content Header (Page header) -->
     <div class="content-header">
                    <div class="container-fluid">
                        <div class="row mb-2">
                            <div class="col-sm-6">
                                @if($roleId == getIdFromSlug('manager'))
                                <h1 class="m-0">Account Managers</h1> 
                                @elseif ($roleId == getIdFromSlug('accountant'))
                                <h1 class="m-0">Accountants</h1> 
                                @else
                                <h1 class="m-0">Moderators</h1> 
                                @endif
                            </div>
                          
                        </div>
                    </div><!-- /.container-fluid -->
                </div>
                <!-- /.content-header -->
    <div class="row">
      <div class="col-12">
        <div class="card data-table">

            @if($roleId == getIdFromSlug('manager'))
            <div class="filterheader">
                <div class="headingfilter">
                <h3 class="card-title">List of All Account Managers</h3>
    
              </div>
              <div class="form-group sellertypeFilter">
              <a href="{{ route('users.accountCreate',getIdFromSlug('manager')) }}" class="btn btn-commom float-right">
                    <i class="fas fa-plus"></i>&nbsp;&nbsp;Create New Account Manager
                </a>
               </div>
            </div>
      
            @elseif ($roleId == getIdFromSlug('accountant'))
            <div class="filterheader">
                <div class="headingfilter">
                <h3 class="card-title">List of All Accountants</h3>
    
              </div>
              <div class="form-group sellertypeFilter">
              <a href="{{ route('users.accountCreate',getIdFromSlug('accountant')) }}" class="btn btn-commom float-right">
                    <i class="fas fa-plus"></i>&nbsp;&nbsp;Create New Accountant
                </a>
               </div>
            </div>
            @else
            <div class="filterheader">
                <div class="headingfilter">
                <h3 class="card-title">List of All Moderators</h3>
    
              </div>
              <div class="form-group sellertypeFilter">
              <a href="{{ route('users.accountCreate',getIdFromSlug('moderator')) }}" class="btn btn-commom float-right">
                    <i class="fas fa-plus"></i>&nbsp;&nbsp;Create New Moderator
                </a>
               </div>
            </div>
            @endif
            
            
         


            <input id='role' type="hidden" value="{{$role}}"/>

          <!-- /.card-header -->
          <div class="card-body">
            <table id="usersTable" class="table table-bordered table-hover">
              <thead>
                <tr>
                  <th>S.No</th>
                  <th>Full Name</th>
                  <th>Email</th>
                  <th>Status</th>
                  <th data-orderable="false">Action</th>
                  <th data-orderable="false">Log</th>
                </tr>
              </thead>
            </table>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>
    </div>
    <!-- /.container-fluid -->
  </section>

  <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/trashicon.png')}}" class="img-fluid">
                  <h6>Are you sure you want request to administrator for delete the account of <span class="messageContent"></span>?</h6>
              </div>
              <div class="modal-body"> 
                <form id="deleteRequestForm">
                  @csrf
                  <p>Reason for delete request</p>
                  <input type="hidden" name="user_id" id="userID" value="">
                  <textarea type="text" class="form-control col-md-12 otherReason" name="reason"></textarea>
                  <span class="text-danger error-text reason_err"></span>
                    <div class="group_btn">
                          <a  class="btn btn_ submitApproveform" >Request Submit </a>
                          <a href="javascript:void(0);" class="btn btn_ Rejetform" onClick="$('#approveModal').modal('hide');">Cancel</a>
                    </div>
                </form>
                
              </div>      
         </div>
      </div>
  </div>
</div>
  

  @push('page_script')

      @include('include.dataTableScripts')   

      <script src="{{ asset('js/pages/users/account.js') }}"></script>

  @endpush

	     
@endsection