@extends('admin.layouts.master')

@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">أسباب الرفض</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 active">أسباب الرفض</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        @can('create_rejection_reasons')
        <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('rejection-reasons.create', request()->only('context')) }}">
                    <button type="button" class="btn bg-gradient-primary mr-1 mb-1 waves-effect waves-light">إضافة سبب جديد</button>
                </a>
            </div>
        </div>
        @endcan
    </div>

    <div class="content-body">
        <section id="basic-datatable">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <form method="GET" class="mb-2">
                                <div class="row">
                                    <div class="col-md-4">
                                        <select name="context" class="form-control" onchange="this.form.submit()">
                                            <option value="">كل السياقات</option>
                                            @foreach($contexts as $key => $label)
                                                <option value="{{ $key }}" @selected(request('context') === $key)>{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </form>

                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>السياق</th>
                                            <th>النص (عربي)</th>
                                            <th>النص (إنجليزي)</th>
                                            <th>الترتيب</th>
                                            <th>الحالة</th>
                                            <th>{{ __('Actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($rows as $row)
                                            <tr>
                                                <td>{{ $row->id }}</td>
                                                <td>{{ $contexts[$row->context] ?? $row->context }}</td>
                                                <td>{{ $row->text_ar }}</td>
                                                <td>{{ $row->text_en ?: '—' }}</td>
                                                <td>{{ $row->sort_order }}</td>
                                                <td>
                                                    @if($row->is_active)
                                                        <span class="badge badge-success">مفعّل</span>
                                                    @else
                                                        <span class="badge badge-secondary">غير مفعّل</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @can('update_rejection_reasons')
                                                    <a href="{{ route('rejection-reasons.edit', $row->id) }}">
                                                        <button type="button" title="{{ __('Edit') }}" class="btn btn-outline-primary mr-1 mb-1">
                                                            <i class="fa fa-edit"></i>
                                                        </button>
                                                    </a>
                                                    @endcan
                                                    @can('delete_rejection_reasons')
                                                    <a href="{{ route('rejection-reasons.delete', $row->id) }}"
                                                       onclick="return confirm('هل أنت متأكد من الحذف؟')">
                                                        <button type="button" title="{{ __('Delete') }}" class="btn btn-outline-danger mr-1 mb-1">
                                                            <i class="fa fa-trash"></i>
                                                        </button>
                                                    </a>
                                                    @endcan
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="7" class="text-center">لا توجد أسباب رفض.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            @include('admin.components.advanced-pagination', ['paginator' => $rows])
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
@endsection