@extends('central.dashboard.layouts.master')

@section('sidebar')
    @include('central.dashboard.layouts.sidebar', ['page' => 'users'])
@endsection

@section('content')
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card">
                <form class="p-4" action="{{ route('central.dashboard.users.filter') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="mb-3 col">
                            <label for="companyNameFilter" class="form-label">اسم الشركة:</label>
                            <input type="text" class="form-control" id="companyNameFilter" name="companyName"
                                placeholder="اسم الشركة">
                        </div>
                        <div class="mb-3 col">
                            <label for="phoneNumberFilter" class="form-label"> رقم الهاتف:</label>
                            <input type="text" class="form-control" id="phoneNumberFilter" name="phone"
                                placeholder=" رقم الهاتف">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="subscription-filter" class="form-label"> نهاية الاشتراك:</label>
                        <select id="subscription-filter" class="form-control" name="subscription">
                            <option value="">الكل</option>
                            <option value="week">بعد أسبوع</option>
                            <option value="month">بعد شهر</option>
                            <option value="3months">بعد 3 أشهر</option>
                            <option value="6months">بعد 6 أشهر</option>
                            <option value="year">بعد سنة</option>
                        </select>
                    </div>
                    <button type="submit" class="btn btn-success"><i class="fas fa-search"></i>بحث</button>
                </form>
            </div>

            <div class="d-flex justify-content-between my-2">
                <h4>الشركات</h4>
                <div class="justify-content-end">
                    @if (Auth::guard('admin')->user()->hasPermissionTo('users-add', 'admin'))
                        <a href="{{ route('central.dashboard.users.create') }}" class="btn btn-success">
                            إضافة جديد <i class="fas fa-plus-circle"></i>
                        </a>
                    @endif
                    <button class="btn btn-success print-table-view-btn"><i class="fas fa-print"></i> طباعة</button>
                </div>
            </div>

            <div style="overflow-x: auto;" class="scrollable-h-layout" id="printable-table">
                <table class="table table-bordered table-borderless table-striped table-hover">
                    <thead>
                        <tr>
                            <th class="d-md-table-cell">#</th>
                            <th class="d-md-table-cell">إسم المستخدم</th>
                            <th class="d-md-table-cell">إسم الشركة</th>
                            <th class="d-md-table-cell">رقم الهاتف</th>
                            <th class="d-md-table-cell">رابط الموقع</th>
                            <th class="d-md-table-cell">نوع الحساب</th>
                            <th class="d-md-table-cell">الاقسام التابعة للمستخدم</th>
                            <th class="d-md-table-cell">عدد الحسابات</th>
                            <th class="d-md-table-cell">عدد الحسابات النشطة</th>
                            <th class="d-md-table-cell">بداية الاشتراك</th>
                            <th class="d-md-table-cell">نهاية الاشتراك</th>
                            <th class="d-md-table-cell dsip">اجراءات</th>
                        </tr>
                    </thead>

                    <tbody>
                        @forelse ($users as $user)
                            <tr>
                                <td class="d-md-table-cell">{{ $loop->iteration }}</td>
                                <td class="d-md-table-cell">{{ $user->user_name }}</td>
                                <td class="d-md-table-cell">{{ $user->company_name }}</td>
                                <td class="d-md-table-cell">{{ $user->phone }}</td>
                                <td class="d-md-table-cell">
                                    <a href="{{ $user->full_domain }}" target="_blank">{{ $user->subdomain }}</a>
                                </td>
                                <td class="d-md-table-cell" style="color: {{ $user->account_type_color }}">
                                    {{ $user->account_type == 'demo' ? 'تجريبي' : 'مشترك' }}
                                </td>
                                <td class="d-md-table-cell">
                                    @foreach ($user->modules as $module)
                                        @if (strpos(strtolower($module['module_code']), 'setting') === false &&
                                                array_key_exists($module['module_code'], $main_code_modules))
                                            <span>- {{ $main_code_modules[$module['module_code']] }}</span> <br>
                                        @endif
                                    @endforeach
                                </td>
                                <td class="d-md-table-cell">{{ $user->settings->sub_users_count }}</td>
                                <td class="d-md-table-cell">{{ $user->active_users }}</td>
                                <td class="d-md-table-cell">{{ $user->settings->start_date?->format('Y-m-d') }}</td>
                                <td class="d-md-table-cell">{{ $user->settings->end_date?->format('Y-m-d') }}</td>
                                <td class="d-md-table-cell dsip">
                                    @if (Auth::guard('admin')->user()->hasPermissionTo('users', 'admin'))
                                        <x-operations-btn>
                                            @if (Auth::guard('admin')->user()->hasPermissionTo('users-edit', 'admin'))
                                                <li>
                                                    <a href="{{ route('central.dashboard.users.edit', ['user' => $user->id]) }}"
                                                        class="btn">
                                                        <i class="fas fa-edit"></i> تعديل
                                                    </a>
                                                </li>
                                            @endif

                                            @if (Auth::guard('admin')->user()->hasPermissionTo('users-delete', 'admin'))
                                                <li>
                                                    <form
                                                        action="{{ route('central.dashboard.users.destroy', ['user' => $user->id]) }}"
                                                        method="post">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button
                                                            href="{{ route('central.dashboard.users.edit', ['user' => $user->id]) }}"
                                                            class="btn delete-user-btn">
                                                            <i class="fas fa-trash-alt"></i> حذف
                                                        </button>
                                                    </form>
                                                </li>
                                            @endif
                                        </x-operations-btn>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="100%">
                                    لا يوجد شركات بعد ..
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection


@push('script')
    <script type="module">
        import printSection from "/tenancy/assets/js/print.js";
        $(() => {
            $(".print-table-view-btn").on("click", function() {
                let target = $("#printable-table").clone();
                let title = "الشركات";
                const print_data = null;
                printSection.print(target, print_data, title, null, false);
            });

            $('.delete-user-btn').on('click', function(e) {
                e.preventDefault();
                const form = $(this).closest('form');

                $.confirm({
                    title: 'هل أنت متأكد من حذف بيانات المستخدم ؟',
                    content: 'سيتم حذف كافة البيانات المتعلقة بهذا المستخدم.',
                    type: 'red',
                    buttons: {
                        ok: {
                            text: "نعم",
                            btnClass: 'btn-primary',
                            keys: ['enter'],
                            action: () => {
                                form.trigger('submit');
                            }
                        },
                        cancel: {
                            text: "الغاء",
                            btnClass: 'btn-default',
                            keys: ['esc'],
                        }
                    },
                })
            });
        });
    </script>
@endpush