@extends('dashboard.layouts.app')

@section('title',  __('dashboard.View User'))
@section('page_heading',  __('dashboard.View User'))

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.users.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Users') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">{{ $user->name }}</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ __('dashboard.User Details') }}</h3>
        </div>
        <div class="card-body">
            <table class="table table-bordered">
                <tr>
                    <th>ID</th>
                    <td>{{ $user->id }}</td>
                </tr>
                <tr>
                    <th>{{ __('dashboard.Avatar') }}</th>
                    <td>
                        @if($user->avatar)
                            <img src="{{ Storage::url($user->avatar) }}" alt="{{ $user->name }}" width="100" class='img-thumbnail'>
                        @else
                            -
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>{{ __('dashboard.First Name') }}</th>
                    <td>{{ $user->first_name }}</td>
                </tr>
               <tr>
                    <th>{{ __('dashboard.Last Name') }}</th>
                    <td>{{ $user->last_name ?? '-' }}</td>
                </tr>
                <tr>
                    <th>{{ __('dashboard.Email') }}</th>
                    <td>{{ $user->email ?? '-' }}</td>
                </tr>
                <tr>
                    <th>{{ __('dashboard.Account Type') }}</th>
                    <td>{{ __('dashboard.' . Str::studly(str_replace('_', ' ', $user->account_type))) }}</td>
                </tr>
                <tr>
                    <th>{{ __('dashboard.Phone') }}</th>
                    <td>{{ $user->phone ?? '-' }}</td>
                </tr>
                <tr>
                    <th>{{ __('dashboard.Country') }}</th>
                    <td>{{ $user->country ? __('countries.' . $user->country) : '-' }}</td>
                </tr>
                <tr>
                    <th>{{ __('dashboard.Preferred Currency') }}</th>
                    <td>{{ $user->preferred_currency ?? '-' }}</td>
                </tr>
                <tr>
                    <th>{{__('dashboard.Language')}}</th>
                     <td>{{ __('language.'.$user->language) }}</td>
                </tr>
                <tr>
                    <th>{{__('dashboard.Is Verified')}}</th>
                    <td>
                        @if($user->is_verified)
                            <span class="badge badge-success">{{__('dashboard.Yes')}}</span>
                        @else
                            <span class="badge badge-danger">{{__('dashboard.No')}}</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>{{ __('dashboard.Created At') }}</th>
                    <td>{{ $user->created_at }}</td>
                </tr>

            </table>
        </div>
        <div class="card-footer">
            <a href="{{ route('dashboard.users.index') }}" class="btn btn-secondary">{{ __('dashboard.Back') }}</a>
            <a href="{{ route('dashboard.users.edit', $user) }}" class="btn btn-primary">{{ __('dashboard.Edit') }}</a>
             <form action="{{ route('dashboard.users.destroy', $user) }}" method="POST" style="display: inline-block;">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-danger" onclick="return confirm('{{ __('dashboard.Are you sure?') }}')">{{ __('dashboard.Delete') }}</button>
            </form>
        </div>
    </div>
@endsection