@extends('backoffice.dashboard')

@section('content')

@if(Auth::check())

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<div class="container-fluid dashboard-inner-body-container">
    <div class="row">
        <div class="col-lg-12">
            <div class="block-card dashboard-card mb-4 px-0">
                
                {{-- Header --}}
                <div class="block-card-header px-4 border-bottom-0 pb-0 d-flex justify-content-between align-items-center">
                    <div>
                        <h2 class="widget-title">قوالب نتائج المناظرة</h2>
                        <small class="text-muted">{{ $concours->titre_ar }}</small>
                    </div>
                    
                    {{-- <a href="{{ route('concours.index') }}" class="btn btn-outline-secondary btn-sm me-2">
                        <i class="la la-arrow-right me-1"></i> عودة
                    </a> --}}
                    
                    <a class="btn btn-success btn-sm" href="{{ route('concours.pdf-templates.create', $concours) }}">
                        <i class="la la-plus me-1"></i> إنشاء قالب جديد
                    </a>
                </div>

                {{-- Body --}}
                <div class="block-card-body">
                    @if(session('success'))
                        <div class="alert alert-success text-end">{{ session('success') }}</div>
                    @endif
                    @if(session('error'))
                        <div class="alert alert-danger text-end">{{ session('error') }}</div>
                    @endif

                    @if($templates->isEmpty())
                        <div class="text-center py-5">
                            <i class="fa-solid fa-file-pdf" style="font-size: 48px; color: #ccc; margin-bottom: 20px; display: block;"></i>
                            <p class="text-muted">لا توجد قوالب نتائج حتى الآن. اضغط على <strong>إنشاء قالب جديد</strong> للبدء.</p>
                        </div>
                    @else
                        <div class="table-responsive">
                            <table class="table align-items-center table-flush mb-0 table-hover" style="direction: rtl; text-align: right;">
                                <thead class="thead-light">
                                    <tr>
                                        <th width="25%">اسم القالب</th>
                                        <th width="15%">عدد الحقول المختارة</th>
                                        {{-- <th width="12%">يحتوي على رأس</th>
                                        <th width="12%">يحتوي على تذييل</th> --}}
                                        <th width="10%">التفعيل</th>
                                        <th width="15%">تاريخ الإنشاء</th>
                                        <th width="15%" class="text-start">الإجراءات</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($templates as $template)
                                    <tr>
                                        <td class="fw-semibold">
                                            {{ $template->template_name }}
                                            @if(!empty($template->is_published))
                                                <span class="status-badge status-badge--info" style="margin-inline-start:8px">
                                                    <i class="fa-solid fa-bullhorn" style="margin-inline-end:6px"></i>منشور
                                                </span>
                                            @endif
                                        </td>
                                        <td>
                                            <span class="status-badge 
                                                status-badge--info">
                                                {{ count($template->selected_attributes ?? []) }}
                                            </span>
                                        </td>
                                        {{-- <td>
                                            @if($template->header_image_path || $template->header_pdf_path)
                                                <span class="status-badge 
                                                status-badge--success">نعم</span>
                                            @else
                                                <span class="status-badge 
                                                status-badge--danger">لا</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($template->footer_image_path || $template->footer_pdf_path)
                                                <span class="status-badge 
                                                status-badge--success">نعم</span>
                                            @else
                                                <span class="status-badge 
                                                status-badge--danger">لا</span>
                                            @endif
                                        </td> --}}
                                        <td class="text-center">
                                       

                                            <form action="{{ route('concours.pdf-templates.toggle-active', [$concours, $template]) }}" method="POST" class="d-inline ms-2">
                                                @csrf
                                                <button type="submit" class="btn btn-sm {{ !empty($template->is_active) ? 'btn-outline-danger' : 'btn-outline-success' }}" style="vertical-align: middle; margin-inline-start:6px;">
                                                    {{ !empty($template->is_active) ? 'تعطيل' : 'تفعيل' }}
                                                </button>
                                            </form>
                                        </td>

                                        <td>
                                            <small class="text-muted">
                                                {{ $template->created_at->format('Y-m-d H:i') }}
                                            </small>
                                        </td>
                                        <td class="text-start">
                                             <a href="{{ route('concours.pdf-templates.generate', [$concours, $template]) }}" 
                                                   class="btn-icon btn-icon--primary" title="تنزيل PDF">
                                                    <i class="fa-solid fa-download"></i>
                                                </a>
                                            <div class="d-inline-flex gap-2 align-items-center">
                                                <a href="{{ route('concours.pdf-templates.edit', [$concours, $template]) }}" 
                                                   class="btn-icon btn-icon--warning" title="تعديل">
                                                    <i class="la la-edit"></i>
                                                </a>

                                                <a href="{{ route('concours.pdf-templates.preview', [$concours, $template]) }}" 
                                                   class="btn-icon btn-icon--info" title="معاينة">
                                                    <i class="la la-eye"></i>
                                                </a>

                                                <form action="{{ route('concours.pdf-templates.destroy', [$concours, $template]) }}" 
                                                      method="POST" 
                                                      class="d-inline" 
                                                      onsubmit="return confirmAction('هل تريد حذف هذا القالب؟', null, this);">
                                                    @csrf @method('DELETE')
                                                    <button type="button" 
                                                            class="btn-icon btn-icon--danger" 
                                                            title="حذف"
                                                            onclick="return confirmAction('هل تريد حذف هذا القالب؟', null, this.closest('form'));">
                                                        <i class="la la-trash"></i>
                                                    </button>
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        <div class="mt-3 d-flex justify-content-between align-items-center">
                            <div class="text-muted small">إجمالي: {{ $templates->total() }}</div>
                            <div>
                                {{ $templates->links('pagination::bootstrap-5') }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
function confirmAction(message, url = null, form = null) {
    Swal.fire({
        title: 'تأكيد',
        text: message,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#28a745',
        cancelButtonColor: '#d33',
        confirmButtonText: 'نعم',
        cancelButtonText: 'إلغاء'
    }).then((result) => {
        if (result.isConfirmed) {
            if (url) {
                window.location.href = url;
            } else if (form) {
                form.submit();
            }
        }
    });
    return false;
}
</script>



@else
    <script>window.location.href = "{{ route('login') }}";</script>
@endif

@endsection