@extends('layouts.app')

@section('content')
 

<!-- <div class="alert-primary bg-success margin-bottom-es">
     <strong>Alert</strong> secondary 
     <a href="javascript:void(0);" class="alert-close"><i class="material-icons">close</i></a>
  </div>
  
  <div class="alert-primary bg-error margin-bottom-es">
     <strong>Error</strong> secondary 
     <a href="javascript:void(0);" class="alert-close"><i class="material-icons">close</i></a>
  </div> -->


  <div class='admim-content-wrapper'>
    <div class='wrapper'>
      <div class='row '>


       <?php echo show_flash_messages(); ?>

        <div class='main-bg white-bg label-inline-block clearfix margin-bottom-la'>
          <div class='admin-content-header listing-page'>
            <div class='d-flex align-items-center justify-content-between'>
                    <h1>Users List</h1>
                    <div class='form-panel add_button_section'>
                      <a href="{{ route('add.user_settings') }}" class='button button-la float-left'><i class='fas fa-plus'></i>Add</a>
                    </div>
            </div>

            <?php  if( !empty( $data['list_data'] ) ): ?>
                    <div class="menu-list">
                        <?php echo $data['list_data']; ?>                    
                    </div>
                    <?php echo ($data['links'])?$data['links']:''; ?>
                <?php else: ?>
                    <div class="alert alert-warning">
                      <p>No data found!.</p>
                    </div>
                <?php endif; ?>
          </div>
      </div>
    </div>
  </div>
</div>

 
 <!-- Delete Popup -->
  <div class="popup-container popup-container-sm mfp-hide" id="delete-popup">
     <h3>Delete</h3>
     <p>Are you sure you want to delete this item?</p>

     <div>
        <button type="button" class="button button-gray popup-modal-dismiss"><i class="fas fa-times"></i> Cancel</button>
        <button type="button" class="button  button-red lightbox-row-del-conf"><i class="fa fa-trash" aria-hidden="true"></i> Delete</button>
     </div>
  </div>
<!-- Delete Popup -->
             

@endsection