@extends('layout')

@inject('carbon', 'Carbon\Carbon')
@inject('parameter', 'App\Models\Parameter')

@section('content')
    <div class=" page-header-light">

        <div class="d-flex justify-content-between align-items-center m-3">

            <div class="d-flex flex-column tailwind-scope">

                <h4 class="text-white text-2xl font-bold mb-1">Client & Engagement</h4>
                <p class="text-white text-base">Gestion des proprietaires</p>
            </div>
            @include('shared.navbar')
        </div>
        {{-- @include('laundry.bons._search') --}}
    </div>
    <div class="content">
        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        <div class="card-body">
            <a href="{{ route('user.create', ['role_id' => 8]) }}" class="button btn-primary">
                Ajouter un nouveau propriétaire
            </a>
        </div>
        <table class="table  table-striped font-size-sm">
            <thead>
                <tr>
                    <th>Nom</th>
                    <th>Email</th>
                    {{-- <th>userMail</th> --}}
                    <th>Mot de passe</th>
                    <th>Créer le</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($users as $key => $user)
                    <tr>
                        <td>{{ $user->name }}</td>
                        <td>{{ $user->email }}</td>
                        {{-- <td>{{ $user->userMail }}</td> --}}
                        <td>{{ $user->dispaly_password }}</td>
                        <td>{{ $user->created_at }}</td>
                        <td class="text-center">
                            <div class="list-icons">
                                <div class="dropdown">
                                    <a href="#" class="list-icons-item" data-toggle="dropdown">
                                        <i class="icon-menu9"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a href="{{ route('property-edit', ['id' => $user->id]) }}" class="dropdown-item">
                                            <i class="icon-file-excel"></i>
                                            Modifier
                                        </a>
                                        <button type="button" type="button" class="dropdown-item" data-toggle="modal"
                                            data-target="#listModal-{{ $user->id }}" data-value="{{ $user->id }}">
                                            <i class="icon-fixed-width icon-trash"></i> Supprimer
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <div class="modal fade" id="listModal-{{ $user->id }}" tabindex="-1" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Supression !</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    Confirmer la suppression.
                                </div>
                                <div class="modal-footer">
                                    <form id="formDelete" action="{{ route('property-delete', ['user' => $user->id]) }}"
                                        method="post">
                                        {{ csrf_field() }}
                                        @method('DELETE')
                                        <button type="submit" class="swal2-confirm btn btn-primary" aria-label="">Supprimer
                                        </button>
                                    </form>
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </tbody>
        </table>
    </div>
    <script>

    </script>
@endsection