@extends('admin.layouts.admin')

@section('content')
    <div class="main-side">
        <!--[if BLOCK]><![endif]-->
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div class="main-title mb-0 me-auto me-xl-0">
                <div class="small">الرئيسية</div>
                <div class="large">الصفقات</div>
            </div>
            <div class="d-flex gap-2">

                <button class="main-btn" data-bs-toggle="modal" data-bs-target="#dealModal">
                    <svg class="svg-inline--fa fa-plus fs-13px" aria-hidden="true" focusable="false" data-prefix="fas"
                        data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
                        data-fa-i2svg="">
                        <path fill="currentColor"
                            d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z">
                        </path>
                    </svg><!-- <i class="fas fa-plus fs-13px"></i> Font Awesome fontawesome.com -->اضافة صفقة
                </button>
            </div>
        </div>
        <div class="content_view">
            <div class="alert alert-info" role="alert">
                هنا يمكنك إضافة الصفقات التي تُظهر احتمالية عالية للنجاح.
                <br>
                ستتمكن من متابعتها من خلال صفحة "الصفقات"، حيث تُدرج تحت بند قيد المتابعة لتتمكن من مراقبة تقدمها واتخاذ
                الإجراءات المناسبة.
            </div>
            <div class="row mb-2">
                <div class="col-md-3">
                    <select class="form-select" wire:model.live="filter_employee">
                        <option value="">-- الموظف --</option>
                        <!--[if BLOCK]><![endif]-->
                        <option value="1">admin</option>
                        <option value="2">محمود نصر</option>
                        <option value="3">بدر1</option>
                        <!--[if ENDBLOCK]><![endif]-->
                    </select>
                </div>

                <div class="col-md-3">
                    <select class="form-select" wire:model.live="filter_client">
                        <option value="">-- العميل --</option>
                        <!--[if BLOCK]><![endif]-->
                        <option value="1">خالد بن تركى </option>
                        <option value="2">علاء بن طايع</option>
                        <option value="3">تميم بن علي</option>
                        <option value="4">عائشة محفوظ </option>
                        <option value="5">مؤسسة محمدللمقاولات</option>
                        <option value="6">تيست</option>
                        <option value="8">بدر</option>
                        <option value="10">saleh</option>
                        <option value="11">خالد الفرحان</option>
                        <option value="16">شركة اليسر للمواد الغذائية</option>
                        <option value="17">شركة الالمتحدة</option>
                        <!--[if ENDBLOCK]><![endif]-->
                    </select>
                </div>
                <div class="col-md-3">
                    <select class="form-select" wire:model.live="filter_program">
                        <option value="">-- الخدمة --</option>

                    </select>
                </div>
            </div>


            <div class="table-responsive mt-4">
                <table class="main-table">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>اسم الصفقة</th>
                            <th>الموظف</th>
                            <th>العميل</th>
                            <th>الخدمة</th>
                            <th>المبلغ</th>
                            <th>الحالة</th>
                            <th>تاريخ الإنشاء</th>
                            <th>إجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>شراء البرنامج</td>
                            <td>محمود نصر</td>
                            <td>خالد بن تركى</td>
                            <td>صيانة طفايات الحريق</td>
                            <td>1,000.00</td>
                            <td><span class="badge bg-warning">قيد الانتظار</span></td>
                            <td>Jun 23, 2025</td>
                            <td>
                                <button wire:click="show(1)" class="btn btn-sm btn-primary" title="عرض التفاصيل">
                                    <i class="fas fa-eye"></i>
                                </button>
                                <button class="btn btn-sm btn-info" wire:click="edit(1)" data-bs-toggle="modal"
                                    data-bs-target="#dealModal" title="تعديل">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button type="button" class="btn btn-sm btn-danger" wire:click="confirmDelete(1)"
                                    data-bs-toggle="modal" data-bs-target="#deleteModal" title="حذف">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>شرء بكج كامل مع الدعم سنة</td>
                            <td>محمود نصر</td>
                            <td>علاء بن طايع</td>
                            <td>الاكسسورات</td>
                            <td>444.00</td>
                            <td><span class="badge bg-success">مكتمل</span></td>
                            <td>Jun 23, 2025</td>
                            <td>
                                <button wire:click="show(2)" class="btn btn-sm btn-primary" title="عرض التفاصيل">
                                    <i class="fas fa-eye"></i>
                                </button>
                                <button class="btn btn-sm btn-info" wire:click="edit(2)" data-bs-toggle="modal"
                                    data-bs-target="#dealModal" title="تعديل">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button type="button" class="btn btn-sm btn-danger" wire:click="confirmDelete(2)"
                                    data-bs-toggle="modal" data-bs-target="#deleteModal" title="حذف">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>شراء برنامج مع 20 نقطة بيع</td>
                            <td>بدر1</td>
                            <td>تميم بن علي</td>
                            <td>خدمة امطاعم</td>
                            <td>5,000.00</td>
                            <td><span class="badge bg-danger">ملغي</span></td>
                            <td>Jun 24, 2025</td>
                            <td>
                                <button wire:click="show(4)" class="btn btn-sm btn-primary" title="عرض التفاصيل">
                                    <i class="fas fa-eye"></i>
                                </button>
                                <button class="btn btn-sm btn-info" wire:click="edit(4)" data-bs-toggle="modal"
                                    data-bs-target="#dealModal" title="تعديل">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button type="button" class="btn btn-sm btn-danger" wire:click="confirmDelete(4)"
                                    data-bs-toggle="modal" data-bs-target="#deleteModal" title="حذف">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>موافق ع البرنامج</td>
                            <td>بدر1</td>
                            <td>شركة الالمتحدة</td>
                            <td>خدمة امطاعم</td>
                            <td>4,000.00</td>
                            <td><span class="badge bg-warning">قيد الانتظار</span></td>
                            <td>Jun 24, 2025</td>
                            <td>
                                <button wire:click="show(5)" class="btn btn-sm btn-primary" title="عرض التفاصيل">
                                    <i class="fas fa-eye"></i>
                                </button>
                                <button class="btn btn-sm btn-info" wire:click="edit(5)" data-bs-toggle="modal"
                                    data-bs-target="#dealModal" title="تعديل">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button type="button" class="btn btn-sm btn-danger" wire:click="confirmDelete(5)"
                                    data-bs-toggle="modal" data-bs-target="#deleteModal" title="حذف">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>برنمج</td>
                            <td>محمود نصر</td>
                            <td>شركة اليسر للمواد الغذائية</td>
                            <td>صيانة المصاعد</td>
                            <td>4,000.00</td>
                            <td><span class="badge bg-info">قيد التنفيذ</span></td>
                            <td>Jun 24, 2025</td>
                            <td>
                                <button wire:click="show(6)" class="btn btn-sm btn-primary" title="عرض التفاصيل">
                                    <i class="fas fa-eye"></i>
                                </button>
                                <button class="btn btn-sm btn-info" wire:click="edit(6)" data-bs-toggle="modal"
                                    data-bs-target="#dealModal" title="تعديل">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button type="button" class="btn btn-sm btn-danger" wire:click="confirmDelete(6)"
                                    data-bs-toggle="modal" data-bs-target="#deleteModal" title="حذف">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
@endsection