@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_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') }}">
                    <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">
        @if(request('batch_uuid'))
        <div class="alert alert-info">
            عرض دفعة الإرسال:
            <code>{{ request('batch_uuid') }}</code>
            <a href="{{ route('user-messages.index') }}" class="btn btn-sm btn-outline-secondary ml-1">إظهار الكل</a>
        </div>
        @endif

        <div class="card">
            <div class="card-content">
                <div class="card-body">
                    <form method="GET" action="{{ route('user-messages.index') }}" class="mb-2">
                        <div class="row">
                            <div class="col-md-4">
                                <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="بحث بالعنوان أو اسم المستخدم...">
                            </div>
                            <div class="col-md-3">
                                <select name="channel" class="form-control">
                                    <option value="">كل القنوات</option>
                                    <option value="notification" {{ request('channel') === 'notification' ? 'selected' : '' }}>إشعار فقط</option>
                                    <option value="email" {{ request('channel') === 'email' ? 'selected' : '' }}>بريد فقط</option>
                                    <option value="both" {{ request('channel') === 'both' ? 'selected' : '' }}>الاثنين</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <button type="submit" class="btn btn-primary">{{ __('Search') }}</button>
                                <a href="{{ route('user-messages.index') }}" class="btn btn-outline-secondary">{{ __('Reset') }}</a>
                            </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>المرسل</th>
                                    <th>التاريخ</th>
                                    <th>{{ __('Actions') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($rows as $row)
                                <tr>
                                    <td>{{ $row->id }}</td>
                                    <td>
                                        @if($row->user)
                                            <a href="{{ $row->user->type == \App\Models\User::TYPE_PROJECT_OWNER ? route('providers.show', $row->user->id) : route('users.show', $row->user->id) }}">
                                                {{ $row->user->name }}
                                            </a>
                                            <br><small class="text-muted">{{ $row->user->email }}</small>
                                        @else
                                            —
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('user-messages.show', $row->id) }}" title="عرض التفاصيل">
                                            {{ Str::limit($row->title, 40) }}
                                        </a>
                                    </td>
                                    <td>
                                        @if($row->channel === 'notification')
                                            <span class="badge badge-info">إشعار</span>
                                        @elseif($row->channel === 'email')
                                            <span class="badge badge-primary">بريد</span>
                                        @else
                                            <span class="badge badge-success">الاثنين</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($row->isFullySuccessful())
                                            <span class="badge badge-success">نجح</span>
                                        @elseif($row->notification_sent_at || $row->email_sent_at)
                                            <span class="badge badge-warning" title="{{ $row->error_message }}">جزئي</span>
                                        @else
                                            <span class="badge badge-danger" title="{{ $row->error_message }}">فشل</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($row->batch_uuid)
                                            <a href="{{ route('user-messages.index', ['batch_uuid' => $row->batch_uuid]) }}" class="badge badge-secondary">جماعي</a>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td>{{ $row->admin->name ?? '—' }}</td>
                                    <td>{{ $row->created_at->format('Y-m-d H:i') }}</td>
                                    <td>
                                        <a href="{{ route('user-messages.show', $row->id) }}" class="btn btn-sm btn-outline-primary waves-effect">
                                            <i class="fa fa-eye"></i> تفاصيل
                                        </a>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="9" class="text-center text-muted">لا توجد رسائل</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    {{ $rows->withQueryString()->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection