@extends('layouts.master')

@section('title', 'User Details')

@section('content')

<div class="workflow-page">

    <x-workflow.header
        title="User Details"
        subtitle="View user information">

        <a
            href="{{ route('admin.users.index') }}"
            class="workflow-btn workflow-btn-outline">

            Back To Users

        </a>

        <a
            href="{{ route('admin.user-administration.show', $user->id) }}"
            class="workflow-btn workflow-btn-secondary">

            Administration

        </a>

        <a
            href="{{ route('admin.users.edit', $user->id) }}"
            class="workflow-btn workflow-btn-primary">

            Edit User

        </a>

    </x-workflow.header>

    <div class="workflow-card">

        <div class="workflow-card-body">

            <table class="workflow-table">

                <tbody>

                    <tr>
                        <th>First Name</th>
                        <td>{{ $user->first_name }}</td>
                    </tr>

                    <tr>
                        <th>Surname</th>
                        <td>{{ $user->surname }}</td>
                    </tr>

                    <tr>
                        <th>Other Names</th>
                        <td>{{ $user->other_names ?: '-' }}</td>
                    </tr>

                    <tr>
                        <th>Phone Number</th>
                        <td>{{ $user->phone_number ?: '-' }}</td>
                    </tr>

                    <tr>
                        <th>Email</th>
                        <td>{{ $user->email ?: '-' }}</td>
                    </tr>

                    <tr>
                        <th>Username</th>
                        <td>{{ $user->username }}</td>
                    </tr>

                    <tr>
                        <th>Status</th>
                        <td>

                            @if($user->is_active)

                                <span class="workflow-badge workflow-badge-green">

                                    Active

                                </span>

                            @else

                                <span class="workflow-badge workflow-badge-red">

                                    Inactive

                                </span>

                            @endif

                        </td>
                    </tr>

                    <tr>
                        <th>Last Login</th>
                        <td>

                            {{ $user->last_login_at ?: '-' }}

                        </td>
                    </tr>

                    <tr>
                        <th>Created</th>
                        <td>

                            {{ $user->created_at }}

                        </td>
                    </tr>

                    <tr>
                        <th>Updated</th>
                        <td>

                            {{ $user->updated_at }}

                        </td>
                    </tr>

                </tbody>

            </table>

        </div>

    </div>

    <div class="workflow-card mt-3">

        <div class="workflow-card-header">

            Account Actions

        </div>

        <div class="workflow-card-body">

            @if($user->is_active)

                <form
                    method="POST"
                    action="{{ route('admin.users.deactivate', $user->id) }}"
                    class="mb-3">

                    @csrf

                    <button
                        type="submit"
                        class="workflow-btn workflow-btn-danger">

                        Deactivate User

                    </button>

                </form>

            @else

                <form
                    method="POST"
                    action="{{ route('admin.users.activate', $user->id) }}"
                    class="mb-3">

                    @csrf

                    <button
                        type="submit"
                        class="workflow-btn workflow-btn-success">

                        Activate User

                    </button>

                </form>

            @endif

        </div>

    </div>

    <div class="workflow-card mt-3">

        <div class="workflow-card-header">

            Reset Password

        </div>

        <div class="workflow-card-body">

            <form
                method="POST"
                action="{{ route('admin.users.reset-password', $user->id) }}">

                @csrf

                <div class="workflow-grid-2">

                    <div>

                        <label class="workflow-label">

                            New Password

                        </label>

                        <input
                            type="password"
                            name="password"
                            class="workflow-input"
                            required>

                    </div>

                    <div>

                        <label class="workflow-label">

                            Confirm Password

                        </label>

                        <input
                            type="password"
                            name="password_confirmation"
                            class="workflow-input"
                            required>

                    </div>

                </div>

                <div class="mt-3">

                    <button
                        type="submit"
                        class="workflow-btn workflow-btn-primary">

                        Reset Password

                    </button>

                </div>

            </form>

        </div>

    </div>

</div>

@endsection