@extends('layouts.app')

@section('title', 'إدارة الكروت')

@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>إدارة الكروت</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">الرئيسية</a></li>
                    <li class="breadcrumb-item active">إدارة الكروت</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                {{ session('error') }}
            </div>
        @endif

        <div class="card card-outline card-info">
            <div class="card-header">
                <h3 class="card-title">فلاتر البحث</h3>
                <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                </div>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.vouchers.index') }}" method="GET">
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label for="status">الحالة</label>
                            <select class="form-control" id="status" name="status">
                                <option value="">الكل</option>
                                <option value="issued" {{ request('status') == 'issued' ? 'selected' : '' }}>مصدر</option>
                                <option value="sold" {{ request('status') == 'sold' ? 'selected' : '' }}>مباع</option>
                                <option value="redeemed" {{ request('status') == 'redeemed' ? 'selected' : '' }}>مستخدم</option>
                                <option value="expired" {{ request('status') == 'expired' ? 'selected' : '' }}>منتهي الصلاحية</option>
                            </select>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label for="package_id">الباقة</label>
                            <select class="form-control" id="package_id" name="package_id">
                                <option value="">الكل</option>
                                @foreach($categoryVouchers as $categoryVoucher)
                                    <option value="{{ $categoryVoucher->id }}" {{ request('package_id') == $categoryVoucher->id ? 'selected' : '' }}>{{ $categoryVoucher->name }} ({{ $categoryVoucher->value }} د.ل)</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label for="distributor_id">الشركة الموزعة</label>
                            <select class="form-control" id="distributor_id" name="distributor_id">
                                <option value="">الكل</option>
                                @foreach($companies as $company)
                                    <option value="{{ $company->id }}" {{ request('distributor_id') == $company->id ? 'selected' : '' }}>{{ $company->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label for="code">كود الكرت</label>
                            <input type="text" class="form-control" id="code" name="code" value="{{ request('code') }}">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label for="date_from">تاريخ من</label>
                            <input type="date" class="form-control" id="date_from" name="date_from" value="{{ request('date_from') }}">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label for="date_to">تاريخ إلى</label>
                            <input type="date" class="form-control" id="date_to" name="date_to" value="{{ request('date_to') }}">
                        </div>
                        <div class="col-md-3 mb-3 d-flex align-items-end">
                            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> بحث</button>
                            <a href="{{ route('admin.vouchers.index', ['reset' => 1]) }}" class="btn btn-secondary ml-2 mr-2"><i class="fas fa-sync-alt"></i> إعادة تعيين</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="card card-outline card-primary">
            <div class="card-header">
                <h3 class="card-title">قائمة الكروت</h3>
                <div class="card-tools">
                    <a href="{{ route('admin.vouchers.create') }}" class="btn btn-sm btn-primary">
                        <i class="fas fa-plus"></i> إنشاء كروت جديدة
                    </a>
                    
                    <form action="{{ route('admin.voucher.exports') }}" method="GET" class="d-inline ml-1 mr-1">
                        <input type="hidden" name="status" value="{{ request('status') }}">
                        <input type="hidden" name="package_id" value="{{ request('package_id') }}">
                        <input type="hidden" name="distributor_id" value="{{ request('distributor_id') }}">
                        <input type="hidden" name="company_id" value="{{ request('distributor_id') }}">
                        <input type="hidden" name="category_voucher_id" value="{{ request('package_id') }}">
                        <button type="submit" class="btn btn-sm btn-success">
                            <i class="fas fa-file-excel"></i> تصدير Excel
                        </button>
                    </form>

                    <form action="{{ route('admin.voucher.exports.pdf') }}" method="GET" class="d-inline">
                        <input type="hidden" name="status" value="{{ request('status') }}">
                        <input type="hidden" name="package_id" value="{{ request('package_id') }}">
                        <input type="hidden" name="distributor_id" value="{{ request('distributor_id') }}">
                        <input type="hidden" name="company_id" value="{{ request('distributor_id') }}">
                        <input type="hidden" name="category_voucher_id" value="{{ request('package_id') }}">
                        <button type="submit" class="btn btn-sm btn-danger">
                            <i class="fas fa-file-pdf"></i> تصدير PDF
                        </button>
                    </form>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-striped table-hover mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>الكود</th>
                                <th>الرقم التسلسلي</th>
                                <th>الباقة</th>
                                <th>القيمة</th>
                                <th>الشركة الموزعة</th>
                                <th>الحالة</th>
                                <th>تاريخ الإصدار</th>
                                <th>تاريخ الاستخدام</th>
                                <th>المستخدم</th>
                                <th>الإجراءات</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($vouchers as $voucher)
                            <tr>
                                <td>{{ $voucher->id }}</td>
                                <td>{{ $voucher->code }}</td>
                                <td>{{ $voucher->serial_no ?? 'N/A' }}</td>
                                <td>{{ optional($voucher->categoryVoucher)->name ?? 'غير محدد' }}</td>
                                <td>{{ number_format($voucher->original_value, 2) }} د.ل</td>
                                <td>{{ $voucher->company->name ?? 'N/A' }}</td>
                                <td>
                                    @if($voucher->status == 'issued')
                                        <span class="badge badge-secondary">مصدر</span>
                                    @elseif($voucher->status == 'sold')
                                        <span class="badge badge-primary">مباع</span>
                                    @elseif($voucher->status == 'redeemed')
                                        <span class="badge badge-success">مستخدم</span>
                                    @elseif($voucher->status == 'expired')
                                        <span class="badge badge-danger">منتهي الصلاحية</span>
                                    @endif
                                </td>
                                <td>{{ $voucher->created_at ? $voucher->created_at->format('Y-m-d H:i') : 'N/A' }}</td>
                                <td>{{ $voucher->redeemed_at ? $voucher->redeemed_at->format('Y-m-d H:i') : 'N/A' }}</td>
                                <td>
                                    @if($voucher->redeemedByUser)
                                        <a href="{{ route('tblUsers.show', $voucher->redeemedByUser->id) }}" class="text-primary">
                                            {{ $voucher->redeemedByUser->full_name }}
                                        </a>
                                    @else
                                        N/A
                                    @endif
                                </td>
                                <td>
                                    <div class="btn-group">
                                        <a href="{{ route('admin.vouchers.show', $voucher->id) }}" class="btn btn-info btn-sm" title="عرض">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        @if($voucher->status == 'issued')
                                            <form action="{{ route('admin.vouchers.markSold', $voucher->id) }}" method="POST" class="d-inline">
                                                @csrf
                                                <button type="submit" class="btn btn-primary btn-sm" onclick="return confirm('هل أنت متأكد من تحديد الكرت كمباع؟')" title="تحديد كمباع">
                                                    <i class="fas fa-shopping-cart"></i>
                                                </button>
                                            </form>
                                        @elseif($voucher->status == 'sold')
                                            <form action="{{ route('admin.vouchers.redeem', $voucher->id) }}" method="POST" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="user_id" value="1"> {{-- Replace with actual user ID selection --}}
                                                <button type="submit" class="btn btn-success btn-sm" onclick="return confirm('هل أنت متأكد من استخدام الكرت؟')" title="تحديد كمستخدم">
                                                    <i class="fas fa-check"></i>
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="11" class="text-center">لا توجد كروت متاحة.</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer clearfix">
                {{ $vouchers->appends(request()->query())->links() }}
            </div>
        </div>
    </div>
</section>
@endsection