@extends('layouts.master') 
@section('title', $title)
@section('content')
<link rel="stylesheet" href="{{ asset('css/UserManagment.css') }} " />
<link rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
      integrity="sha512-ejSxgS+aOc2H/t8OZwHRz4/Q4JlNBrb/lC9Ezv4+J/gxIHQoQc/8jr8zvOT1vpCveg5JhR5+5Nx5vQ2qD3PnFw=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"/>
<script src="https://use.fontawesome.com/6fac2730d4.js"></script>
 
		
		<div class="color">
        
          <div class="heading">
            <img src="{{asset('images/process.png')}}" alt="" />
            <h1 style="argin: 24px 23px;  font-size: 32px; font-weight: 700;">Settings: Administation</h1>
          </div>
          <p class="main_user_create"><a href="{{ route('user.add') }}" style="margin-bottom: 15px;
    font-weight: 600;    font-size: 31px;    color: #050d9e;
    margin-top: 25px;">Create User</a></p>
          <div class="d-flex">
            <div class="dio_vancy"> 
              <div class="main_time"> 
				<form method="POST" action="{{ route('user.list') }}" id="statusFilterForm" class="float-right">
				@csrf
                <select  class="custom-select mr-sm-2 main_sele otherFilter" id="perPage" name="rows_per_page" >  
					<option value="">
						<p class="main_visul">Select </p>
					</option> 
					<option value="15" {{ $rowsPerPage == 15 ?  'selected' : ''}}>15</option>
					<option value="30" {{ $rowsPerPage == 30 ?  'selected' : ''}}>30</option>
					<option value="50" {{ $rowsPerPage == 50 ?  'selected' : ''}}>50</option>
					<option value="100" {{ $rowsPerPage == 100 ?  'selected' : ''}}>100</option>
                </select>
                 <label><b>entries</b></label>
				</form>
              </div>
            </div>
          </div>
        
      </div>
	  
			<div class="col-md-12" style="">
					@if ($error = Session::get('error'))
						<div class="alert alert-danger">
							<p>{{ $error }}</p>
						</div>
						@endif
						@if ($success = Session::get('success'))
						<div class="alert alert-success">
							<p>{{ $success }}</p>
						</div>
					@endif
        <table class="table table-bordered1 table-striped table-responsive1 display" data-list="joborderListView" id="listTable">
          <thead>
            <tr>
              <th scope="col"> ID </th>
              <th scope="col"> Name </th>
              <th scope="col"> Email </th> 
              <th scope="col">Roles</th>
              <th scope="col">Action</th>  
            </tr>
          </thead>
          <tbody>
			@if(!empty($data))
             @foreach ($data as $key => $user)
				<tr> 
				   <td>{{ $user->id }}</td>
					<td>{{ $user->name }}</td>
					<td>{{ $user->email }}</td>
					<td>
						@if(!empty($user->getRoleNames()))
						@foreach($user->getRoleNames() as $v)
							<label class="btn" style="cursor: unset;">{{ $v }}</label>
						@endforeach
						@endif
					</td>
				  <td>
					<div class="dropdown"> <button class="btn btn-primary dropdown-toggle1 btn1" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-expanded="false"> Action <img class="drop_arrow" src="{{asset('images/droparrow1.png')}}" ></button>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
							<a class="dropdown-item" href="{{ route('user.edit', ['id' => $user->id]) }}">Edit</a>
							<a class="dropdown-item" href="{{ route('user.show' , ['id' => $user->id]) }}">View</a>
							<a class="dropdown-item deleteentry" data-toggle="modal" data-target="#deletemodel" data-itemId="{{ $user->id }}">Delete</a>
						</ul>
					</div>
				</td> 
				  
				</tr>  
			@endforeach
              @endif
          </tbody>
        </table>
		{{ $data->links() }}
      </div>







<!--section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Users <small>Listing</small></h3>
                        <div class="col-md-12 text-end">
                            <a href="{{ route('user.add') }}" class="float-right">Create User</a>
                            <a href="">
                                <h3 class="card-title"><small> Search Users </small></h3>
                            </a>
                        </div>
                    </div>
                    <div class="card-header">
                        <!-- @include('partials.quick-search') 
                    </div>
                    <div class="card-header">
                        <div class="row">
                            <form method="POST" action="{{ route('user.list') }}" id="statusFilterForm" class="float-right">
                                @csrf
                                <div class="form-group col-md-12">
                                    <select class="otherFilter" id="perPage" name="rows_per_page">
                                        <option value="">Select</option>
                                        <option value="15" {{ $rowsPerPage == 15 ?  'selected' : ''}}>15</option>
                                        <option value="30" {{ $rowsPerPage == 30 ?  'selected' : ''}}>30</option>
                                        <option value="50" {{ $rowsPerPage == 50 ?  'selected' : ''}}>50</option>
                                        <option value="100" {{ $rowsPerPage == 100 ?  'selected' : ''}}>100</option>
                                    </select>
                                    <label for="perPage">Rows Per Page</label>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- <fieldset class="" id="" style="">
                        <legend class="">Filter</legend>
                        <table style="border-collapse: collapse;">
                            <tbody>
                                <form action="{{ route('user.list') }}" method="post">
                                    {{csrf_field()}}
                                    <tr>
                                        <td width="100%" style="vertical-align:top;" id="">
                                            <div style="float: left;">
                                                <select id="filter_column" name="filter_column" class="form-control">
                                                    @foreach ($filters as $key => $value)
                                                    <option value="{{ $value }}" {{ $filter_column == $value ? 'selected': '' }}>{{ $key }}</option>
                                                    @endforeach
                                                </select>

                                                <select id="condtion_check" name="condition" class="form-control" style="vertical-align:top;">
                                                    <option value="=" {{ $condition == '=' ? 'selected': '' }}>is equal to</option>
                                                    <option value="=~" {{ $condition == '=~' ? 'selected': '' }}>contains</option>
                                                </select>
                                                <input id="name_search" name="search" class="form-control" value="{{$search}} " style="vertical-align:top;">
                                            </div>
                                        </td>
                                        <td style="width:140px; vertical-align:top;">
                                            <input class="button" style="width:120px; margin-left:5px;" type="button" name="" onclick="();" value="Add New"><br>
                                            <a href="{{ url('/user/index') }}">
                                                <input class="button" style="width:120px; margin-left:5px;" type="button" value="Remove All"><br>
                                            </a>
                                            <input class="button" style="width:120px; margin-left:5px;" type="submit" name="" onclick="();" value="Apply" id="apply">
                                        </td>
                                    </tr>
                                </form>
                            </tbody>
                        </table>
                    </fieldset>  
                    <div class="card-body">
                        @if ($error = Session::get('error'))
                        <div class="alert alert-danger">
                            <p>{{ $error }}</p>
                        </div>
                        @endif
                        @if ($success = Session::get('success'))
                        <div class="alert alert-success">
                            <p>{{ $success }}</p>
                        </div>
                        @endif

                        <table id="listTable" class="table table-bordered1 table-striped table-responsive display" data-list="joborderListView">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Roles</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty($data))
                                @foreach ($data as $key => $user)
                                <tr>
                                    <td>{{ $user->id }}</td>
                                    <td>{{ $user->name }}</td>
                                    <td>{{ $user->email }}</td>
                                    <td>
                                        @if(!empty($user->getRoleNames()))
                                        @foreach($user->getRoleNames() as $v)
                                        <label class="badge badge-success">{{ $v }}</label>
                                        @endforeach
                                        @endif
                                    </td>
                                    <td>
                                        <div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-expanded="false"> Action </button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                <a class="dropdown-item" href="{{ route('user.edit', ['id' => $user->id]) }}">Edit</a>
                                                <a class="dropdown-item" href="{{ route('user.show' , ['id' => $user->id]) }}">View</a>
                                                <a class="dropdown-item deleteentry" data-toggle="modal" data-target="#deletemodel" data-itemId="{{ $user->id }}">Delete</a>
                                            </ul>
                                        </div>
                                    </td>
                                    @endforeach
                                    @endif
                            </tbody>
                        </table>
                        {{ $data->links() }}
                    </div> 
                </div> 
            </div> 
        </div> 
    </div> 
</section--> 
<div class="modal fade" id="deletemodel" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Delete</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                Are you sure you want to delete?
            </div>
            <div class="modal-footer">
                <form method="POST" id="deleteEntryForm" action="{{ route('user.delete') }}">
                    {{ csrf_field() }}
                    <input type="hidden" name="id" value="" id="itemId">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-primary" id="deleteentry">Yes</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('pagejs')
<script type="text/javascript">
    var datatableUrl = "{{ route('user.list') }}";
    $(document).ready(function() {
        $(document).on("click", ".deleteentry", function() {
            var itemId = $(this).attr("data-itemId");
            $('#itemId').val(itemId);
        });
    });

    $('.otherFilter').change(function() {
        $('#statusFilterForm').submit();
    });
</script>
<style>
.dropdown { overflow:unset!important; }
td{padding:19px !important;}
label.btn { text-transform: capitalize;}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
  
}
}
a:hover {
    color: #100f0f;
}

</style>
@endsection