@extends('admin.layouts.master')


@section('title')
    العملاء
@endsection

@section('css')


@endsection


@section('content-header')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">العملاء</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active">العملاء</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection


@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <!-- /.card-header -->
                    <div class="card-header">
                        <a class="btn btn-success" href="{{route('admin.subscription.create')}}">
                            اضافه عميل جديد
                        </a>

                    </div>
                    <div class="card-body">
                        @include('admin.messages')
                        <table id="example1" class="table  table-bordered table-hover ">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>اسم الشركه</th>
                                <th>البريد الالكتروني</th>
                                <th>رقم الهاتف</th>
                                <th>حاله المشترك</th>
                                <th>نوع الاشتراك</th>
                                <th>اسم المنتج</th>
                                <th>مميزات اضافيه</th>
                                <th>كلمه المرور</th>
                                <th>العمليات</th>

                            </tr>
                            </thead>
                            <tbody>
                            @foreach($data as $row)
                                <tr>
                                    <td>{{$loop->index+1}}</td>
                                    <td>{{$row->name}}</td>
                                    <td>{{$row->email}}</td>
                                    <td>{{$row->phone}}</td>
                                    <td>
                                        <div class="form-check form-switch">
                                            <input class="form-check-input"
                                                   {{$row->status == "active" ? "checked" : null}} type="checkbox"
                                                   role="switch" id="flexSwitchCheckDefault{{$row->id}}"
                                                   onchange="updateStatus(this.checked, {{$row->id}})">
                                            <label class="form-check-label" for="flexSwitchCheckDefault{{$row->id}}">نشط </label>
                                        </div>
                                    </td>

                                    <td>{{ $row->type_subscribers == "monthly" ? 'شهري' : ($row->type_subscribers == 'years' ? 'سنوي' : 'تجربي') }}</td>

                                    <td>

                                        {{$row->package->name ?? null}}
                                    </td>



                                    <td>
                                        @foreach($row->features as $feature)
                                            <li>{{$feature->name}}</li>
                                        @endforeach
                                    </td>

                                    <td>

                                        {{$row->password_not_generation ?? null}}
                                    </td>

                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-success btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                العمليات
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item" href="{{route('admin.subscription.show',$row->id)}}"> <i class="fa fa-eye text-primary mr-2"></i> مميزات اضافيه </a>
                                                <a class="dropdown-item" href="{{route('admin.subscription.edit',$row->id)}}"> <i class="fa fa-edit text-success mr-2"></i> تعديل </a>
                                                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#delete{{$row->id}}"> <i class="fa fa-trash text-danger mr-2"></i> حذف </a>
                                                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#password{{$row->id}}"> <i class="fa fa-passport text-info mr-2"></i> تغير كلمه السر </a>
{{--                                                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#renewalSubscription{{$row->id}}"> <i class="fa fa-store text-info mr-2"></i> تجديد الاشتراك </a>--}}
                                            </div>
                                        </div>

                                    </td>

                                    @include('admin.subscription.changepassword')
                                    @include('admin.subscription.deleted')
                                </tr>
                            @endforeach

                            </tbody>

                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
            </div>
        </div>
    </div>
@endsection


@section('js')
    <script>
        function updateStatus(checked, id) {
            var status = checked ? "active" : "noActive";

            // إرسال طلب AJAX
            $.ajax({
                url: "{{ route('admin.status_status_subscription') }}",
                method: "POST",
                headers: {
                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
                },
                data: {
                    status: status,
                    id: id
                },
                success: function (response) {
                    Swal.fire({
                        icon: 'success',
                        title: 'نجاح!',
                        text: response.message,
                        showConfirmButton: false,
                        timer: 1500
                    });
                },
                error: function () {
                    alert("حدث خطأ أثناء تحديث الحالة");
                }
            });
        }


    </script>
@endsection