@extends('layouts.backend.app')
@section('title', "Tableau de bord")
@section('content')
    <!-- Page Wrapper -->
    <!-- Page Wrapper -->
            <div class="page-wrapper">
                <div class="content container-fluid">

					<!-- Page Header -->
					<div class="page-header">
						<div class="row">
							<div class="col">
								<h3 class="page-title">Liste des clients</h3>
								<ul class="breadcrumb">
									<li class="breadcrumb-item"><a href="#">Tableau de bord</a></li>
									<li class="breadcrumb-item active">Clients</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- /Page Header -->

					<div class="row">
                        <div class="col-md-12">
                            <x-alert/>
                        </div>
						<div class="col-sm-12">
							<div class="card">
								<div class="card-body">

									<div class="table-responsive">
										<table class="datatable table table-stripped">
											<thead>
												<tr>
													<th>N°</th>
                                                    <th>Nom</th>
                                                    <th>Email</th>
													<th>Téléphone</th>
													<th>Ville</th>
                                                    <th>Dernière connexion</th>
													<th class="text-center">Actions</th>
												</tr>
											</thead>
											<tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>Toncho rene</td>
                                                    <td>example@mail.com</td>
                                                    <td>675573839</td>
                                                    <td>Douala</td>
                                                    <td>10/02/2022 15:18:45</td>
                                                    <td class="text-center">
                                                        <a href="#" class="btn btn-mc" title="Détails" style="padding: 5px;">
                                                            <span class="fa fa-eye"></span>
                                                        </a>
                                                        <button type="button" title="Supprimer" class="btn delete-action btn-mc" style="color: #ff0000">
                                                            <span class="fa fa-trash"></span>
                                                        </button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>2</td>
                                                    <td>Toncho rene</td>
                                                    <td>example@mail.com</td>
                                                    <td>675573839</td>
                                                    <td>Yaounde</td>
                                                    <td>10/02/2022 15:18:45</td>
                                                    <td class="text-center">
                                                        <a href="#" class="btn btn-mc" title="Détails" style="padding: 5px;">
                                                            <span class="fa fa-eye"></span>
                                                        </a>
                                                        <button type="button" title="Supprimer" class="btn delete-action btn-mc" style="color: #ff0000">
                                                            <span class="fa fa-trash"></span>
                                                        </button>
                                                    </td>
                                                </tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<!-- /Main Wrapper -->
@endsection

@section('js')
    <script>
        $(function(){
            $('.delete-action').click(function (e) {
                if (confirm('Voulez-vous vraiment supprimer cet utilisateur ?')) {
                    $(this).siblings('form').submit();
                }

                return false;
            });
        });
    </script>
@endsection