@extends('layouts.app')
@section('style')
<link rel="stylesheet" href="{{ asset('plugins/custom/datatables/datatables.bundle.css?v=7.2.4') }}">
@endsection
@section('content')
<div  class="card mb-5">
	<div class="container">
      
        <!--begin::Notice-->
        <div class="alert alert-custom alert-white alert-shadow gutter-b" role="alert">
            <i class="fas fa-sticky-note text-primary font-size-h3"></i>&nbsp;&nbsp;&nbsp;
            <div class="alert-text">“You can export your data in the following formats.”
            </div>
            
        </div>
        <!--end::Notice-->
        <!--begin::Card-->
        <div class="card card-custom">
            
            <div class="card-header py-3">
                
                <div class="card-title">
                    <span class="card-icon">
                        <i class="fas fa-users text-primary font-size-h3"></i>
                    </span>
                    <h3 class="card-label">Users</h3>
                   
                </div> 
                
            </div>
           
			@if (session('success'))
				<div class="alert alert-success"><i class="fa fa-check text-white"></i>&nbsp;{{ session('success') }}</div>
			@endif
            
            <div class="card-body">
                <!--begin: Datatable-->
                <table class="table table-bordered table-hover table-head-custom table-checkable" id="myTable">
                    <thead>
                        <tr class="text-center">
                            <th>User</th>
                            <th>Email</th>
                            <th>Sil</th> 
                        </tr>
                    </thead>
                    <tbody>
                    @foreach ($users as $item)
                    <tr>
                      <td>{{$item->name}}</td>
                      <td>{{$item->email}}</td>
                      <td><button style="padding: 15px 25px; background-color: #eb3291;color: #fff; border: none; border-radius: 5px; cursor: pointer;">Delete</button></td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>
                <!--end: Datatable-->
            </div>
        </div>
        <!--end::Card-->
        <!--begin::Card-->

        <!--end::Card-->
    </div>
		@endsection				
				@section('js')
				<script src="{{asset('plugins/custom/datatables/datatables.bundle.js?v=7.2.0')  }}"></script>
				
				<script>
					$(document).ready(function() {
						$('#myTable').DataTable({
							responsive: true,
							dom: 'Bfrtip',
                            buttons: [
                                    'print',
                                    'pdf',
                                    'csv'
                                ]
						});
					});
			
				</script>
				@endsection