@extends('layouts.admin.master')

@section('title')Users
 {{ $title }}
@endsection


@push('css')
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/animate.css')}}">
@endpush

@section('content')	
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>User List</h3>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">User</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0)">User List</a></li>    
          </ol>
        </div>
        <div class="col-lg-6">
          <div class="bookmark">
            <ul>
            <li><a class="btn btn-primary-light" href="{{route('user',['action'=>base64_encode('add')])}}">Add User</a></li>    
            </ul>
          </div>
        </div>
      </div>
    </div>
</div>
<div class="container-fluid user-card">
	    <div class="row">	            
            @foreach($data as $usr)
            <div class="col-md-6 col-lg-6 col-xl-3 box-col-6">
	            <div class="card custom-card" style="padding:0px !important">
	                <div class="card-profile" style="border-top-width: 0px;border-top-style: solid;padding-top: 20px;"><img class="rounded-circle" src="{{asset('assets/images/banner/defaultUser.png')}}" alt="" /></div>
	                <ul class="card-social">	                  
	                    <li>
	                        <a href="javascript:void(0)"><i class="fa fa-google-plus"></i></a>
	                    </li>
	                    <li>
	                        <a href="javascript:void(0)"><i class="fa fa-comment-o"></i></a>
	                    </li>
	                    <li>
	                        <a href="javascript:void(0)"><i class="fa fa-envelope-o"></i></a>
	                    </li>
	                    <li>
	                        <a href="{{route('user',['action'=>base64_encode('edit'),'Id'=>encrypt_decrypt('encrypt',$usr->id)])}}"><i class="fa fa-edit"></i></a>
	                    </li>
	                </ul>
	                <div class="text-center profile-details">
	                    <a href="#"> <h4>{{$usr->name}}</h4></a>
	                    <h6>{{$usr->contact}}</h6>
	                </div>	                
	            </div>
	        </div>
            @endforeach
	    </div>
	</div>

@push('scripts')	
    <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
    <!-- <script src="{{asset('assets/js/custom-card/custom-card.js')}}"></script>
    <script src="{{asset('assets/js/dashboard/dashboard_2.js')}}"></script> -->
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    <!-- <script src="{{asset('assets/js/app.min.js')}}"></script> -->
    <!-- <script src="{{asset('assets/js/pagination.js')}}"></script> -->
    
       <script>
            //  $('.dropdown-menu').on('click', function(e) {
            //         e.stopPropagation();
            //     });

    $(function() {
        $('#demo').twbsPagination({
            totalPages: 50,
            visiblePages: 5
            });
    });

           </script>
	@endpush
@endsection