@extends('admin.layouts.master')

@section('css')
<style>
.stats-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}
.stats-card h3 {
    color: white;
    margin-bottom: 10px;
}
.stats-number {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.stats-label {
    font-size: 0.9rem;
    opacity: 0.9;
}
.project-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}
.project-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}
.project-header {
    background-color: #f8f9fa;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 8px 8px 0 0;
}
.project-body {
    padding: 15px;
}
.status-badge {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}
.status-draft { background-color: #6c757d; color: white; }
.status-pending { background-color: #ffc107; color: black; }
.status-approved { background-color: #28a745; color: white; }
.status-rejected { background-color: #dc3545; color: white; }
.status-running { background-color: #007bff; color: white; }
.status-completed { background-color: #17a2b8; color: white; }
.status-cancelled { background-color: #6f42c1; color: white; }
.offer-status-pending { background-color: #ffc107; color: black; }
.offer-status-running { background-color: #007bff; color: white; }
.offer-status-completed { background-color: #17a2b8; color: white; }
.offer-status-rejected { background-color: #dc3545; color: white; }
.offer-status-closed { background-color: #6c757d; color: white; }
</style>
@endsection

@section('contents')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('User Details')}} - {{ $user->name }}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a></li>
                                <li class="breadcrumb-item"><a href="{{route('users.index')}}">{{__('Users')}}</a></li>
                                <li class="breadcrumb-item active">{{__('User Details')}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            @can('create_user_messages')
            <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
                <div class="form-group breadcrum-right">
                    <a href="{{ route('user-messages.create', ['user_id' => $user->id]) }}">
                        <button type="button" class="btn bg-gradient-info mr-1 mb-1 waves-effect waves-light">
                            <i class="fa fa-envelope mr-1"></i> إرسال رسالة
                        </button>
                    </a>
                </div>
            </div>
            @endcan
        </div>

        <div class="content-body">
            <!-- User Statistics -->
            <div class="row">
                <div class="col-12">
                    <div class="stats-card">
                        <div class="row">
                            <div class="col-md-3 col-6 mb-2">
                                <div class="text-center">
                                    <div class="stats-number">{{ $stats['total_projects'] }}</div>
                                    <div class="stats-label">{{__('Total Projects')}}</div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 mb-2">
                                <div class="text-center">
                                    <div class="stats-number">{{ $stats['total_offers'] }}</div>
                                    <div class="stats-label">{{__('Total Offers')}}</div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 mb-2">
                                <div class="text-center">
                                    <div class="stats-number">{{ $stats['completed_offers'] }}</div>
                                    <div class="stats-label">{{__('Completed Offers')}}</div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6 mb-2">
                                <div class="text-center">
                                    <div class="stats-number">${{ number_format($stats['total_earnings'], 2) }}</div>
                                    <div class="stats-label">{{__('Total Earnings')}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            @if($user->isFreelancer())
            <!-- Monthly Offers Quota -->
            <div class="row">
                <div class="col-12">
                    <div class="card border-0 shadow-sm">
                        <div class="card-header d-flex align-items-center" style="background:#f4f6fb;">
                            <i class="fa fa-paper-plane text-primary mr-2"></i>
                            <h4 class="card-title mb-0">حصة العروض الشهرية</h4>
                            <span class="badge badge-secondary ml-2">{{ now()->translatedFormat('F Y') }}</span>
                        </div>
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-md-4 text-center border-right">
                                    <div style="font-size:2.2rem;font-weight:700;color:#667eea;">
                                        {{ $stats['monthly_offers_remaining'] }}
                                    </div>
                                    <div class="text-muted">العروض المتبقية</div>
                                </div>
                                <div class="col-md-4 text-center border-right">
                                    <div style="font-size:2.2rem;font-weight:700;color:#e67e22;">
                                        {{ $stats['monthly_offers_used'] }}
                                    </div>
                                    <div class="text-muted">العروض المستخدمة</div>
                                </div>
                                <div class="col-md-4 text-center">
                                    <div style="font-size:2.2rem;font-weight:700;color:#27ae60;">
                                        {{ $stats['monthly_offers_limit'] }}
                                    </div>
                                    <div class="text-muted">الحد الأقصى الشهري</div>
                                </div>
                            </div>
                            <div class="mt-3">
                                @php
                                    $usedPercent = $stats['monthly_offers_limit'] > 0
                                        ? round(($stats['monthly_offers_used'] / $stats['monthly_offers_limit']) * 100)
                                        : 0;
                                    $barColor = $usedPercent >= 90 ? 'danger' : ($usedPercent >= 60 ? 'warning' : 'success');
                                @endphp
                                <div class="d-flex justify-content-between mb-1">
                                    <small class="text-muted">نسبة الاستخدام هذا الشهر</small>
                                    <small class="font-weight-bold">{{ $usedPercent }}%</small>
                                </div>
                                <div class="progress" style="height:12px;border-radius:6px;">
                                    <div class="progress-bar bg-{{ $barColor }}"
                                         role="progressbar"
                                         style="width:{{ $usedPercent }}%"
                                         aria-valuenow="{{ $usedPercent }}"
                                         aria-valuemin="0"
                                         aria-valuemax="100">
                                    </div>
                                </div>
                                @if($stats['monthly_offers_remaining'] == 0)
                                <div class="alert alert-danger mt-2 mb-0 py-1 px-2" style="font-size:.85rem;">
                                    <i class="fa fa-exclamation-circle mr-1"></i>
                                    وصل المستقل إلى الحد الأقصى من العروض لهذا الشهر.
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- User Basic Information -->
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Basic Information')}}</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('UUID')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->uuid ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Username')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->username ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('First Name')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->first_name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Last Name')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->last_name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Name')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Email')}}</label>
                                            <input disabled type="email" class="form-control" value="{{ $user->email ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Phone')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->phone ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('PayPal Email')}}</label>
                                            <input disabled type="email" class="form-control" value="{{ $user->paypal_email ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Email Verified At')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->email_verified_at ? \Carbon\Carbon::parse($user->email_verified_at)->format('F j, Y \a\t g:i A') : __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Gender')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ ucfirst($user->gender ?? __('N/A')) }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Status')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->status == 1 ? __('Active') : __('Not Active') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('User Type')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->isProjectOwner() ? __('Project Owner') : __('Freelancer') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Open To Work')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->open_to_work == 1 ? __('Yes') : __('No') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Country')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->country->name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Category')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->category->name ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Balance')}}</label>
                                            <input disabled type="text" class="form-control" value="${{ number_format($user->balance ?? 0, 2) }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Balance To Use')}}</label>
                                            <input disabled type="text" class="form-control" value="${{ number_format($user->balance_to_use ?? 0, 2) }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Profit Balance')}}</label>
                                            <input disabled type="text" class="form-control" value="${{ number_format($user->profit_balance ?? 0, 2) }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Stripe ID')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->stripe_id ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Payment Verified')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->payment_verified == 1 ? __('Verified') : __('Not Verified') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Rating')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->rating ?? __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Last Login')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->last_login ? \Carbon\Carbon::parse($user->last_login)->format('F j, Y \a\t g:i A') : __('N/A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Created At')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->created_at->format('F j, Y \a\t g:i A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-6 col-md-6 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Updated At')}}</label>
                                            <input disabled type="text" class="form-control" value="{{ $user->updated_at->format('F j, Y \a\t g:i A') }}">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-12 col-md-12 col-12 mb-1">
                                        <fieldset class="form-group">
                                            <label>{{__('Description')}}</label>
                                            <textarea disabled class="form-control" rows="4">{{ $user->description ?? __('N/A') }}</textarea>
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Owned Projects Section -->
            @if($user->isProjectOwner() && $ownedProjects->count() > 0)
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Owned Projects')}} ({{ $ownedProjects->count() }})</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                @foreach($ownedProjects as $project)
                                <div class="project-card">
                                    <div class="project-header">
                                        <div class="row align-items-center">
                                            <div class="col-md-8">
                                                <h5 class="mb-0">{{ $project->title }}</h5>
                                                <small class="text-muted">{{ $project->category?->name ?? __('N/A') }}</small>
                                            </div>
                                            <div class="col-md-4 text-right">
                                                <span class="status-badge status-{{ strtolower($project->getCurrentStatus()) }}">
                                                    {{ $project->getCurrentStatus() }}
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="project-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><strong>{{__('Description')}}:</strong> {{ Str::limit($project->description, 150) }}</p>
                                                <p><strong>{{__('Budget')}}:</strong> 
                                                    @if($project->budget_type == 1)
                                                        ${{ number_format($project->price, 2) }}
                                                    @else
                                                        ${{ number_format($project->price_from, 2) }} - ${{ number_format($project->price_to, 2) }}
                                                    @endif
                                                </p>
                                                <p><strong>{{ __('front.Payment Method') }}:</strong> {{ $project->size ? getTrans($project->size->details, 'ar') : __('N/A') }}</p>
                                            </div>
                                            <div class="col-md-6">
                                                <p><strong>{{__('Timeline')}}:</strong> {{ $project->time->name ?? __('N/A') }}</p>
                                                <p><strong>{{__('Offers')}}:</strong> {{ $project->offers->count() }}</p>
                                                <p><strong>{{__('Created')}}:</strong> {{ $project->created_at->format('M j, Y') }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Freelancer Projects Section -->
            @if($user->isFreelancer() && $freelancerProjects->count() > 0)
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Freelancer Projects')}} ({{ $freelancerProjects->count() }})</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                @foreach($freelancerProjects as $project)
                                <div class="project-card">
                                    <div class="project-header">
                                        <div class="row align-items-center">
                                            <div class="col-md-8">
                                                <h5 class="mb-0">{{ $project->title }}</h5>
                                                <small class="text-muted">{{ $project->category?->name ?? __('N/A') }}</small>
                                            </div>
                                            <div class="col-md-4 text-right">
                                                <span class="status-badge status-{{ strtolower($project->getCurrentStatus()) }}">
                                                    {{ $project->getCurrentStatus() }}
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="project-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><strong>{{__('Description')}}:</strong> {{ Str::limit($project->description, 150) }}</p>
                                                <p><strong>{{__('Budget')}}:</strong> 
                                                    @if($project->budget_type == 1)
                                                        ${{ number_format($project->price, 2) }}
                                                    @else
                                                        ${{ number_format($project->price_from, 2) }} - ${{ number_format($project->price_to, 2) }}
                                                    @endif
                                                </p>
                                                <p><strong>{{ __('front.Payment Method') }}:</strong> {{ $project->size ? getTrans($project->size->details, 'ar') : __('N/A') }}</p>
                                            </div>
                                            <div class="col-md-6">
                                                <p><strong>{{__('Timeline')}}:</strong> {{ $project->time->name ?? __('N/A') }}</p>
                                                <p><strong>{{__('Offers')}}:</strong> {{ $project->offers->count() }}</p>
                                                <p><strong>{{__('Created')}}:</strong> {{ $project->created_at->format('M j, Y') }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Offers Section -->
            @if($userOffers->count() > 0)
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Offers')}} ({{ $userOffers->count() }})</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>{{__('Project')}}</th>
                                                <th>{{__('Category')}}</th>
                                                <th>{{__('Amount')}}</th>
                                                <th>{{__('Timeline')}}</th>
                                                <th>{{__('Status')}}</th>
                                                <th>{{__('Created')}}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($userOffers as $offer)
                                            <tr>
                                                <td>
                                                    <strong>{{ $offer->project->title ?? __('N/A') }}</strong>
                                                    <br>
                                                    <small class="text-muted">{{ Str::limit($offer->project->description ?? '', 50) }}</small>
                                                </td>
                                                <td>{{ $offer->project->category->name ?? __('N/A') }}</td>
                                                <td>${{ number_format($offer->total, 2) }}</td>
                                                <td>{{ $offer->time->name ?? __('N/A') }}</td>
                                                <td>
                                                    <span class="status-badge offer-status-{{ $offer->status }}">
                                                        {{ $offer->getCurrentStatus() }}
                                                    </span>
                                                </td>
                                                <td>{{ $offer->created_at->format('M j, Y') }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Ban / Unban -->
            <div class="row mb-2">
                <div class="col-12">
                    <div class="card border-{{ $user->isBanned() ? 'success' : 'danger' }}">
                        <div class="card-body d-flex align-items-center justify-content-between flex-wrap gap-1">
                            <div>
                                @if($user->isBanned())
                                    <span class="badge badge-danger mr-1">محظور</span>
                                    <strong>سبب الحظر:</strong> {{ $user->ban_reason ?? '—' }}
                                    &nbsp;|&nbsp;
                                    <strong>تاريخ الحظر:</strong> {{ $user->banned_at?->format('Y-m-d H:i') ?? '—' }}
                                @else
                                    <span class="badge badge-success mr-1">نشط</span>
                                    <span class="text-muted">المستخدم غير محظور حالياً</span>
                                @endif
                            </div>
                            <div>
                                @if($user->isBanned())
                                    <form action="{{ route('users.toggle-ban', $user->id) }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-success waves-effect waves-light">
                                            <i class="fa fa-unlock mr-1"></i> رفع الحظر
                                        </button>
                                    </form>
                                @else
                                    <button type="button" class="btn btn-danger waves-effect waves-light"
                                            data-toggle="modal" data-target="#banUserModal">
                                        <i class="fa fa-ban mr-1"></i> حظر المستخدم
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Return Button -->
            <div class="row">
                <div class="col-12">
                    <a href="{{route('users.index')}}">
                        <button type="button" class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                            {{__('Return to Users List')}}
                        </button>
                    </a>
                </div>
            </div>

            <!-- Ban Modal -->
            @if(!$user->isBanned())
            <div class="modal fade" id="banUserModal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <form action="{{ route('users.toggle-ban', $user->id) }}" method="POST">
                        @csrf
                        <div class="modal-content">
                            <div class="modal-header bg-danger text-white">
                                <h5 class="modal-title">حظر المستخدم: {{ $user->name }}</h5>
                                <button type="button" class="close text-white" data-dismiss="modal"><span>&times;</span></button>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label>سبب الحظر <span class="text-muted">(اختياري)</span></label>
                                    <textarea name="ban_reason" class="form-control" rows="3"
                                              placeholder="مثال: انتهاك شروط الاستخدام..."></textarea>
                                </div>
                                <div class="alert alert-warning">
                                    <i class="fa fa-exclamation-triangle mr-1"></i>
                                    سيتم تسجيل خروج المستخدم فوراً ولن يتمكن من الدخول مجدداً.
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">إلغاء</button>
                                <button type="submit" class="btn btn-danger">تأكيد الحظر</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @endif
        </div>
    </div>
@endsection