@extends('layouts.manage')

@section('content') 

@if ($message = Session::get('success'))
<x-alert type="success" message="{{ $message }}" />
@endif

<form method="post" action="">
@csrf
@method('PUT') 

<div class="relative flex flex-col xl:flex-row justify-between gap-10">
    <div class="flex flex-col w-full bg-white rounded-3xl shadow-2xl p-14 md:p-10">
        <div class="flex flex-row text-center items-center justify-end py-3">
            <a href="{{ route('user.index') }}" class="btn">Users List</a>
        </div>
        <table class="table-auto border">
            <thead>
                <tr>
                    <th class="border">ID</th>
                    <th class="border">Name</th>
                    <th class="border">Email</th>
                    <th class="border">User Role</th>
                    <th class="border">City</th>
                    <th class="border">Country</th>
                    <th class="border">Deleted Date</th>
                    <th class="border">&nbsp;</th>
                </tr>
            </thead>
            <tbody>
            @foreach ($users as $key => $user) 
                <tr {{ $loop->even ? 'class=even' : '' }}>
                    <td class="border text-center">{{ $user->id }}</td>
                    <td class="border text-center">{{ $user->name }}</td>
                    <td class="border text-center">{{ $user->email }}</td>
                    <td class="border text-center">
                        @if ($user->role === 100) 
                            Admin
                        @else 
                            User
                        @endif 
                    </td>
                    <td class="border text-center">{{ $user->city }}</td>
                    <td class="border text-center">{{ $user->country }}</td>
                    <td class="border text-center">{{ $user->deleted_at }}</td>
                    <td class="border text-center">
                        <a href="{{ route('user.restore', $user->id) }}" class="mr-2">
                            <svg class="inline" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="rotate" class="svg-inline--fa fa-rotate fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path fill="currentColor" d="M126.9 142.9c62.2-62.2 162.7-62.5 225.3-1L311 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H447.5c0 0 0 0 0 0H456c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L397.4 96.6c-87.6-86.5-228.7-86.2-315.8 1C57.2 122 39.6 150.7 28.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5c7.7-21.8 20.2-42.3 37.8-59.8zM0 312v7.6 .7V440c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l41.6-41.6c87.6 86.5 228.7 86.2 315.8-1c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.2 62.2-162.7 62.5-225.3 1L169 329c6.9-6.9 8.9-17.2 5.2-26.2s-12.5-14.8-22.2-14.8H32.4h-.7H24c-13.3 0-24 10.7-24 24z"></path></svg>
                        </a>
                        <a href="{{ route('user.hard_delete', $user->id) }}">
                            <svg class="inline" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="trash" class="svg-inline--fa fa-trash fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path fill="currentColor" d="M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z"></path></svg>
                        </a>
                    </td>
                </tr>
            @endforeach
            @if ($users->count() === 0)
                <tr>
                    <td colspan="8" class="text-center">No data available</td>
                </tr> 
            @endif
            </tbody>
        </table>
        <div class="py-5">
            {!! $users->links() !!}
        </div>
    </div>
</div>

</form>

@stop