@extends('admin::layouts.master')

@php
    $pageTitle = 'لیست اتوماسیون‌ها';
@endphp

@section('title', 'اتوماسیون‌ها')

@section('content')

    <div class="row justify-content-center">
        <div class="col-xxl-10">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center border-bottom py-3">
                    <div>
                        <h4 class="card-title mb-1 fw-semibold">مدیریت اتوماسیون‌ها</h4>
                        <p class="text-muted mb-0">لیست تمام اتوماسیون‌های سیستم</p>
                    </div>
                </div>

                <div class="card-body">
                    <!-- Statistics Cards -->
                    <div class="row mb-4">
                        <div class="col-md-3 col-6">
                            <div class="card card-animate bg-success bg-opacity-10 border-0">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <div class="flex-grow-1">
                                            <h5 class="mb-0 fw-semibold text-success">12</h5>
                                            <p class="text-muted mb-0 fs-12">فعال</p>
                                        </div>
                                        <div class="flex-shrink-0">
                                            <i class="ri-play-circle-fill text-success fs-18"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="card card-animate bg-warning bg-opacity-10 border-0">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <div class="flex-grow-1">
                                            <h5 class="mb-0 fw-semibold text-warning">3</h5>
                                            <p class="text-muted mb-0 fs-12">در انتظار</p>
                                        </div>
                                        <div class="flex-shrink-0">
                                            <i class="ri-time-fill text-warning fs-18"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="card card-animate bg-danger bg-opacity-10 border-0">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <div class="flex-grow-1">
                                            <h5 class="mb-0 fw-semibold text-danger">2</h5>
                                            <p class="text-muted mb-0 fs-12">غیرفعال</p>
                                        </div>
                                        <div class="flex-shrink-0">
                                            <i class="ri-stop-circle-fill text-danger fs-18"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="card card-animate bg-info bg-opacity-10 border-0">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <div class="flex-grow-1">
                                            <h5 class="mb-0 fw-semibold text-info">17</h5>
                                            <p class="text-muted mb-0 fs-12">کل اتوماسیون‌ها</p>
                                        </div>
                                        <div class="flex-shrink-0">
                                            <i class="ri-list-check text-info fs-18"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Filters -->
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="search-box">
                                <input type="text" class="form-control" placeholder="جستجو در اتوماسیون‌ها...">
                                <i class="ri-search-line search-icon"></i>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <select class="form-select">
                                <option value="">همه وضعیت‌ها</option>
                                <option value="active">فعال</option>
                                <option value="pending">در انتظار</option>
                                <option value="inactive">غیرفعال</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <select class="form-select">
                                <option value="">همه انواع</option>
                                <option value="email">ایمیل مارکتینگ</option>
                                <option value="notification">اعلان‌ها</option>
                                <option value="report">گزارش‌گیری</option>
                                <option value="social">شبکه‌های اجتماعی</option>
                            </select>
                        </div>
                    </div>

                    <!-- Automation List -->
                    <div class="table-responsive">
                        <table class="table table-hover table-borderless align-middle mb-0">
                            <thead class="table-light text-muted">
                            <tr>
                                <th class="text-center" style="width: 60px;">#</th>
                                <th>عنوان اتوماسیون</th>
                                <th>ایجاد کننده</th>
                                <th>نوع</th>
                                <th>وضعیت</th>
                                <th>آخرین اجرا</th>
                                <th class="text-center">تعداد اجرا</th>
                                <th class="text-center" style="width: 150px;">عملیات</th>
                            </tr>
                            </thead>
                            <tbody>
                            <!-- Automation 1 -->
                            <tr class="border-bottom">
                                <td class="text-center fw-semibold text-muted">01</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <i class="ri-mail-send-fill text-primary fs-16"></i>
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-0">ارسال ایمیل خوش‌آمدگویی</h6>
                                            <small class="text-muted">پس از ثبت‌نام کاربر</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <img src="{{ asset('admin/assets/images/users/avatar-1.jpg') }}" alt=""
                                                 class="rounded-circle avatar-xs">
                                        </div>
                                        <div class="flex-grow-1">
                                            <span class="fw-medium">صابر قدیمی</span>
                                            <small class="d-block text-muted">مدیر سیستم</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="badge bg-primary bg-opacity-10 text-primary">ایمیل مارکتینگ</span>
                                </td>
                                <td>
                                    <span class="badge bg-success-subtle text-success">
                                        <i class="ri-checkbox-circle-line align-bottom me-1"></i>
                                        فعال
                                    </span>
                                </td>
                                <td>
                                    <div class="text-muted">
                                        <small>1403/08/03</small>
                                        <small class="d-block">14:20</small>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <span class="fw-semibold text-info">12</span>
                                </td>
                                <td>
                                    <div class="hstack gap-1 justify-content-center">
                                        <a href="{{route('admin.automations.show' , 2)}}">
                                            <button type="button" class="btn btn-icon btn-sm btn-soft-info">
                                                <i class="ri-eye-line fs-15"></i>
                                            </button>
                                        </a>
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-warning">--}}
{{--                                            <i class="ri-edit-line fs-15"></i>--}}
{{--                                        </button>--}}
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-success">--}}
{{--                                            <i class="ri-play-line fs-15"></i>--}}
{{--                                        </button>--}}
                                         <a class="dropdown-item remove-subscription-btn" data-bs-toggle="modal" href="#deleteAutomationModal">
                                            <i class="ph-trash align-middle me-1"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>

                            <!-- Automation 2 -->
                            <tr class="border-bottom">
                                <td class="text-center fw-semibold text-muted">02</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <i class="ri-telegram-fill text-info fs-16"></i>
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-0">ارسال پیام تلگرام</h6>
                                            <small class="text-muted">هنگام ثبت سفارش جدید</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <div class="avatar-xs bg-light rounded">
                                                <i class="ri-bot-line text-muted fs-16"></i>
                                            </div>
                                        </div>
                                        <div class="flex-grow-1">
                                            <span class="fw-medium">سیستم</span>
                                            <small class="d-block text-muted">وب‌هوک</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="badge bg-info bg-opacity-10 text-info">پیام‌رسان</span>
                                </td>
                                <td>
                                    <span class="badge bg-warning-subtle text-warning">
                                        <i class="ri-time-line align-bottom me-1"></i>
                                        در انتظار
                                    </span>
                                </td>
                                <td>
                                    <div class="text-muted">
                                        <small>1403/08/01</small>
                                        <small class="d-block">09:15</small>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <span class="fw-semibold text-warning">8</span>
                                </td>
                                <td>
                                    <div class="hstack gap-1 justify-content-center">
                                        <a href="{{route('admin.automations.show' , 2)}}">
                                            <button type="button" class="btn btn-icon btn-sm btn-soft-info">
                                                <i class="ri-eye-line fs-15"></i>
                                            </button>
                                        </a>
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-warning">--}}
{{--                                            <i class="ri-edit-line fs-15"></i>--}}
{{--                                        </button>--}}
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-success">--}}
{{--                                            <i class="ri-play-line fs-15"></i>--}}
{{--                                        </button>--}}
                                         <a class="dropdown-item remove-subscription-btn" data-bs-toggle="modal" href="#deleteAutomationModal">
                                            <i class="ph-trash align-middle me-1"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>

                            <!-- Automation 3 -->
                            <tr class="border-bottom">
                                <td class="text-center fw-semibold text-muted">03</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <i class="ri-bar-chart-fill text-success fs-16"></i>
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-0">گزارش روزانه سفارشات</h6>
                                            <small class="text-muted">خلاصه عملکرد روزانه</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <img src="{{ asset('admin/assets/images/users/avatar-3.jpg') }}" alt=""
                                                 class="rounded-circle avatar-xs">
                                        </div>
                                        <div class="flex-grow-1">
                                            <span class="fw-medium">محمد رضایی</span>
                                            <small class="d-block text-muted">اپراتور</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="badge bg-success bg-opacity-10 text-success">گزارش‌گیری</span>
                                </td>
                                <td>
                                    <span class="badge bg-danger-subtle text-danger">
                                        <i class="ri-stop-circle-line align-bottom me-1"></i>
                                        غیرفعال
                                    </span>
                                </td>
                                <td>
                                    <div class="text-muted">
                                        <small>1403/07/30</small>
                                        <small class="d-block">23:59</small>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <span class="fw-semibold text-muted">30</span>
                                </td>
                                <td>
                                    <div class="hstack gap-1 justify-content-center">
                                        <a href="{{route('admin.automations.show' , 2)}}">
                                            <button type="button" class="btn btn-icon btn-sm btn-soft-info">
                                                <i class="ri-eye-line fs-15"></i>
                                            </button>
                                        </a>
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-warning">--}}
{{--                                            <i class="ri-edit-line fs-15"></i>--}}
{{--                                        </button>--}}
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-success">--}}
{{--                                            <i class="ri-play-line fs-15"></i>--}}
{{--                                        </button>--}}
                                         <a class="dropdown-item remove-subscription-btn" data-bs-toggle="modal" href="#deleteAutomationModal">
                                            <i class="ph-trash align-middle me-1"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            <!-- Automation 4 -->
                            <tr class="border-bottom">
                                <td class="text-center fw-semibold text-muted">04</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <i class="ri-instagram-fill text-danger fs-16"></i>
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-0">اتوماسیون پست اینستاگرام</h6>
                                            <small class="text-muted">پست خودکار محتوا در اینستاگرام</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <img src="{{ asset('admin/assets/images/users/avatar-2.jpg') }}" alt=""
                                                 class="rounded-circle avatar-xs">
                                        </div>
                                        <div class="flex-grow-1">
                                            <span class="fw-medium">سارا محمدی</span>
                                            <small class="d-block text-muted">مدیر محتوا</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="badge bg-danger bg-opacity-10 text-danger">شبکه اجتماعی</span>
                                </td>
                                <td>
        <span class="badge bg-success-subtle text-success">
            <i class="ri-checkbox-circle-line align-bottom me-1"></i>
            فعال
        </span>
                                </td>
                                <td>
                                    <div class="text-muted">
                                        <small>1403/08/05</small>
                                        <small class="d-block">10:30</small>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <span class="fw-semibold text-info">15</span>
                                </td>
                                <td>
                                    <div class="hstack gap-1 justify-content-center">
                                        <a href="{{route('admin.automations.show' , 2)}}">
                                            <button type="button" class="btn btn-icon btn-sm btn-soft-info">
                                                <i class="ri-eye-line fs-15"></i>
                                            </button>
                                        </a>
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-warning">--}}
{{--                                            <i class="ri-edit-line fs-15"></i>--}}
{{--                                        </button>--}}
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-success">--}}
{{--                                            <i class="ri-play-line fs-15"></i>--}}
{{--                                        </button>--}}
                                         <a class="dropdown-item remove-subscription-btn" data-bs-toggle="modal" href="#deleteAutomationModal">
                                            <i class="ph-trash align-middle me-1"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>

                            <!-- Automation 5 -->
                            <tr class="border-bottom">
                                <td class="text-center fw-semibold text-muted">05</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <i class="ri-heart-3-fill text-danger fs-16"></i>
                                        </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-0">اتوماسیون تعامل اینستاگرام</h6>
                                            <small class="text-muted">لایک و کامنت خودکار پست‌ها</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="flex-shrink-0 me-2">
                                            <div class="avatar-xs bg-light rounded">
                                                <i class="ri-robot-line text-muted fs-16"></i>
                                            </div>
                                        </div>
                                        <div class="flex-grow-1">
                                            <span class="fw-medium">ربات تعامل</span>
                                            <small class="d-block text-muted">سیستم هوشمند</small>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <span class="badge bg-warning bg-opacity-10 text-warning">تعامل خودکار</span>
                                </td>
                                <td>
        <span class="badge bg-warning-subtle text-warning">
            <i class="ri-time-line align-bottom me-1"></i>
            در انتظار
        </span>
                                </td>
                                <td>
                                    <div class="text-muted">
                                        <small>1403/08/04</small>
                                        <small class="d-block">16:45</small>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <span class="fw-semibold text-warning">23</span>
                                </td>
                                <td>
                                    <div class="hstack gap-1 justify-content-center">
                                        <a href="{{route('admin.automations.show' , 2)}}">
                                            <button type="button" class="btn btn-icon btn-sm btn-soft-info">
                                                <i class="ri-eye-line fs-15"></i>
                                            </button>
                                        </a>
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-warning">--}}
{{--                                            <i class="ri-edit-line fs-15"></i>--}}
{{--                                        </button>--}}
{{--                                        <button type="button" class="btn btn-icon btn-sm btn-soft-success">--}}
{{--                                            <i class="ri-play-line fs-15"></i>--}}
{{--                                        </button>--}}
                                        <a class="dropdown-item remove-subscription-btn" data-bs-toggle="modal"
                                           href="#deleteAutomationModal">
                                            <i class="ph-trash align-middle me-1"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>

                    <!-- Pagination -->
                    <div class="row align-items-center mt-4">
                        <div class="col-sm-6">
                            <div class="text-muted">
                                نمایش <span class="fw-semibold">3</span> از <span class="fw-semibold">17</span> نتیجه
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="float-sm-end">
                                <ul class="pagination pagination-separated mb-0">
                                    <li class="page-item disabled">
                                        <a href="javascript:void(0);" class="page-link">قبلی</a>
                                    </li>
                                    <li class="page-item active">
                                        <a href="javascript:void(0);" class="page-link">1</a>
                                    </li>
                                    <li class="page-item">
                                        <a href="javascript:void(0);" class="page-link">2</a>
                                    </li>
                                    <li class="page-item">
                                        <a href="javascript:void(0);" class="page-link">3</a>
                                    </li>
                                    <li class="page-item">
                                        <a href="javascript:void(0);" class="page-link">بعدی</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- /card-body -->
            </div><!-- /card -->
        </div><!-- /col -->
    </div><!-- /row -->
    <!-- مدال حذف اشتراک -->
    <div class="modal fade" id="deleteAutomationModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content text-center p-4">
                <div class="text-danger fs-1"><i class="bi bi-trash"></i></div>
                <h4 class="mt-3">مطمئنی؟</h4>
                <p>آیا می‌خواهید این اتومیشن را حذف کنید؟</p>
                <div class="d-flex justify-content-center gap-2 mt-3">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">بستن</button>
                    <button type="button" class="btn btn-danger" id="delete-subscription">حذف</button>
                </div>
            </div>
        </div>
    </div>

@endsection