@extends("backend.layouts.app")

@section("title")
    {{ $$module_name_singular->name }} - {{ $$module_name_singular->username }} - {{ __($module_action) }}
    {{ __($module_title) }}
@endsection

@section("breadcrumbs")
    <x-backend.breadcrumbs>
        <x-backend.breadcrumb-item route='{{ route("backend.$module_name.index") }}' icon="{{ $module_icon }}">
            {{ $$module_name_singular->name }}
        </x-backend.breadcrumb-item>

        <x-backend.breadcrumb-item type="active">
            {{ __($module_title) }}
            {{ __($module_action) }}
        </x-backend.breadcrumb-item>
    </x-backend.breadcrumbs>
@endsection

@section("content")
    <x-backend.layouts.show :data="$user">
        <x-backend.section-header>
            <i class="{{ $module_icon }}"></i>
            {{ $$module_name_singular->name }}
            <small class="text-muted">{{ __($module_title) }} {{ __($module_action) }}</small>

            <x-slot name="toolbar">
                <x-backend.buttons.return-back :small="true" />
                <a
                    class="btn btn-primary btn-sm m-1"
                    data-toggle="tooltip"
                    href="{{ route("backend.users.index") }}"
                    title="List"
                >
                    <i class="fas fa-list"></i>
                    List
                </a>
                <x-buttons.edit
                    title="{{ __('Edit') }} {{ ucwords(Str::singular($module_name)) }}"
                    route='{!! route("backend.$module_name.edit", $$module_name_singular) !!}'
                    :small="true"
                />
            </x-slot>
        </x-backend.section-header>

        <div class="row">
            <div class="col">
                <div class="table-responsive">
                    <table class="table-bordered table-hover table">
                        <tr>
                            <th>{{ __("labels.backend.users.fields.avatar") }}</th>
                            <td>
                                <img
                                    class="user-profile-image img-fluid img-thumbnail"
                                    src="{{ asset($$module_name_singular->avatar) }}"
                                    style="max-height: 200px; max-width: 200px"
                                />
                            </td>
                        </tr>

                        @php
                            $fields_array = [
                                ["name" => "username", "type" => "text"],
                                ["name" => "name", "type" => "text"],
                                ["name" => "email", "type" => "text"],
                            ];
                        @endphp

                        @foreach ($fields_array as $item)
                            @php
                                $field_name = $item["name"];
                            @endphp

                            <tr>
                                <th>{{ __(label_case($field_name)) }}</th>
                                <td>{{ $user->$field_name }}</td>
                            </tr>
                        @endforeach

                        <tr>
                            <th>{{ __("labels.backend.users.fields.password") }}</th>
                            <td>
                                <a
                                    class="btn btn-outline-primary btn-sm"
                                    href="{{ route("backend.users.changePassword", $user->id) }}"
                                >
                                    Change password
                                </a>
                            </td>
                        </tr>

                        <tr>
                            <th>{{ __("labels.backend.users.fields.status") }}</th>
                            <td>{!! $user->status_label !!}</td>
                        </tr>

                        <tr>
                            <th>{{ __("labels.backend.users.fields.roles") }}</th>
                            <td>
                                @if ($user->getRoleNames()->count() > 0)
                                    <ul>
                                        @foreach ($user->getRoleNames() as $role)
                                            <li>{{ ucwords($role) }}</li>
                                        @endforeach
                                    </ul>
                                @endif
                            </td>
                        </tr>
                    </table>
                </div>

                 {{-- <div class="py-4 text-end">

                    <a
                        class="btn btn-danger mt-1"
                        data-method="DELETE"
                        data-token="{{ csrf_token() }}"
                        data-toggle="tooltip"
                        data-confirm="Are you sure?"
                        href="{{ route("backend.users.destroy", $user) }}"
                        title="{{ __("labels.backend.delete") }}"
                    >
                        <i class="fas fa-trash-alt"></i>
                        @lang("Delete")
                    </a>
                    @if ($user->email_verified_at == null)
                        <a
                            class="btn btn-primary mt-1"
                            data-toggle="tooltip"
                            href="{{ route("backend.users.emailConfirmationResend", $user->id) }}"
                            title="Send Confirmation Email"
                        >
                            <i class="fas fa-envelope"></i>
                            @lang("Email Confirmation")
                        </a>
                    @endif
                </div> --}}
            </div>
        </div>
    </x-backend.layouts.show>
@endsection