@extends('layouts.app')

@section('content')

<div class="main">

    @include('layouts.sidebar')

    <div class="content-section">
        @include('layouts.navbar')
        <div class="outer-table">
        <h3 class="text-center">Admin Users</h3>
            @if (\Session::has('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>Success! </strong> {!! \Session::get('success') !!}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            
            <div class="my-2 btn active"><a href="{{ route('createUserForm') }}" class="text-white text-decoration-none">Add User</a></div>

            <table class="table table-striped table-bordered" border="1">
                <thead>
                    <tr>
                        <td>Name</td>
                        <td>Email</td>
                        <td>Status</td>
                        <td class="text-center">Action</td>
                    </tr>
                </thead>
                <tbody>

                    @foreach ($users as $user)
                    <tr>
                        <td>{{$user->name}}</td>
                        <td>{{$user->email}}</td>
                        <td>{{ ($user->status == 1)?('Active'):('In-Active') }}</td>
                        <td class="text-center" >
                        <a href="{{ route('editUser', ['id' => $user['id'] ]) }}"><span class="edit-icon"> <i class="fa-regular fa-pen-to-square"></i></span></a> 
                            @if(Auth::user()->id != $user->id)
                                <a href="{{ route('removeUser', ['id' => $user['id'] ]) }}" class="ms-3"><span class="edit-icon"> <i class="fa-solid fa-trash" onclick="return confirm('{{ __('Are you sure you want to remove this User ?') }}')"></i></span></a> 
                            @endif
                        </td>
                    </tr>
                    @endforeach

                </tbody>
            </table>
        </div>        
    </div>
</div>


@endsection