@extends('layouts/layoutMaster')

<!-- Vendor Styles -->
@section('vendor-style')
    @vite([
        'resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
        'resources/assets/vendor/libs/@form-validation/form-validation.scss',
        'resources/assets/vendor/libs/animate-css/animate.scss',
        'resources/assets/vendor/libs/sweetalert2/sweetalert2.scss'
    ])
@endsection

<!-- Vendor Scripts -->
@section('vendor-script')
    @vite([
        'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
        'resources/assets/vendor/libs/@form-validation/popular.js',
        'resources/assets/vendor/libs/@form-validation/bootstrap5.js',
        'resources/assets/vendor/libs/@form-validation/auto-focus.js',
        'resources/assets/vendor/libs/sweetalert2/sweetalert2.js',
        'resources/assets/vendor/libs/autosize/autosize.js'
    ])
@endsection

<!-- Page Scripts -->
@section('page-script')

    {{ $dataTable->scripts(attributes: ['type' => 'module']) }}

    @vite([
        'resources/js/user-management.js',
    ])

@endsection

@section('title', 'Utilisateurs')
@section('nav-title')
    <i class="menu-icon tf-icons ri-group-line text-muted"></i>
    Liste des Utilisateurs
@endsection

@section('content')

    <div class="card">

        <div class="card-header d-flex justify-content-end">
            <x-btn-add-item string="Ajouter un utilisateur" data-bs-target="offcanvasAddItem" />
        </div>

        <div class="card-datatable table-responsive">
            {!! $dataTable->table(['class' => 'table table-sm table-striped dataTable ', 'searching' => false], true) !!}
        </div>

    </div>

    {{-- Component Formulaire de creation / modification associé a son fichier xxx-management.js --}}
    <x-offcanvas-add-item data-bs-target="offcanvasAddItem" >

        <div class="form-floating form-floating-outline mb-5">
            <input type="text" class="form-control" id="user-name" name="name" aria-label="Nom" />
            <label for="user-name">Nom</label>
        </div>

        <div class="form-floating form-floating-outline mb-5">
            <input type="text" class="form-control" id="user-email" name="email" aria-label="Email" />
            <label for="user-email">Email</label>
        </div>

        <div class="form-floating form-floating-outline mb-5">
            <input type="password" class="form-control" id="user-password" name="password" aria-label="Password" />
            <label for="user-password">Password</label>
        </div>

        <div class="form-floating form-floating-outline mb-5">
            <select id="user-role" name="role" class="form-select">
                <option value="admin">Admin</option>
                <option value="user">Utilisateur</option>
                <option value="compta">Comptable</option>
            </select>
            <label for="user-role">Rôle utilisateur</label>
        </div>

    </x-offcanvas-add-item>

    @if(Request::has('sessions'))
    <div class="card mt-3">
        <div class="card-header mb-0">
            <h4>Sessions</h4>
        </div>
        <div class="card-datatable table-responsive">
            <table class="table table-striped">
                <tr>
                    <td> Connexion </td>
                    <td> User </td>
                    <td> IP </td>
                    <td> Agent</td>
                    <td> Payload </td>
                </tr>
                @foreach(\App\Models\Session::all() as $session)
                    <tr>
                        <td>{{ $session->last_activity->format('d/m/Y H:i') }}</td>
                        <td>{{ $session->user_id }}</td>
                        <td>{{ $session->ip_address }}</td>
                        <td>{{ $session->user_agent }}</td>
                        <td>{{ print_r(unserialize(base64_decode($session->payload))) }}</td>
                    </tr>
                @endforeach
            </table>
        </div>
    </div>
    @endif

@endsection