@extends('dashboard.layouts.app')

@section('title', __('dashboard.Moderator Details'))
@section('page_heading', $moderator->name)

@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.moderators.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Moderators') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">{{ $moderator->name }}</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ __('dashboard.Moderator Details') }}</h3>
            <div class="card-toolbar">
                <a href="{{ route('dashboard.moderators.index') }}" class="btn btn-sm btn-primary">
                    {{ __('dashboard.View All Moderators') }}
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    @if ($moderator->avatar)
                        <div class="mb-7">
                            <img src="{{ asset('storage/' . $moderator->avatar) }}" alt="{{ $moderator->name }}" class="img-fluid">
                        </div>
                    @endif
                    <p><strong>{{ __('dashboard.Name') }}:</strong> {{ $moderator->name }}</p>
                    <p><strong>{{ __('dashboard.Email') }}:</strong> {{ $moderator->email }}</p>
                    <p><strong>{{ __('dashboard.Phone') }}:</strong> {{ $moderator->phone }}</p>
                    <p><strong>{{ __('dashboard.Address') }}:</strong> {{ $moderator->address }}</p>
                    <p><strong>{{ __('dashboard.Governorate') }}:</strong> {{ $moderator->governorate }}</p>
                    <p><strong>{{ __('dashboard.Gender') }}:</strong> {{ $moderator->gender == 'male' ? __('dashboard.Male') : __('dashboard.Female') }}</p>
                    <p><strong>{{ __('dashboard.Role') }}:</strong>
                        @if ($moderator->roles->isNotEmpty())
                            {{ $moderator->roles->first()->name }}
                        @else
                            {{ __('dashboard.N/A') }}
                        @endif
                    </p>
                </div>
            </div>
        </div>
    </div>
@endsection