@extends('panel.layouts.master')
@section('title', 'کاربران')
@section('content')
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')
    <style>
        .table-bordered td,
        .table-bordered th {
            text-align: center;
        }
    </style>
    {{-- Export Excel Modal --}}
    <div class="modal fade" id="excel_report" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="excel_reportTitle">گزارش گیری از شماره تماس ها</h5>

                    <button type="button" class="close" data-dismiss="modal" aria-label="بستن">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                </div>
                <div class="modal-body text-center">
                    <form action="{{ route('exportUsersExcel') }}" method="post" id="excel_report_form">
                        @csrf
                        <div class="row">
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="start">از تاریخ</label>
                                    <input type="text" name="start" class="form-control date-picker-shamsi-list"
                                           autocomplete="off" required>
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="end">تا تاریخ</label>
                                    <input type="text" name="end" class="form-control date-picker-shamsi-list"
                                           autocomplete="off" required>
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label>از ساعت</label>
                                    <input type="time" name="from_hour" class="form-control">
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label>تا ساعت</label>
                                    <input type="time" name="to_hour" class="form-control">
                                </div>
                            </div>

                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
                    <button class="btn btn-success" form="excel_report_form">تایید</button>
                </div>
            </div>
        </div>
    </div>
    {{-- End Export Excel Modal --}}
    <section class="creat-shop">
        <main class="main-content">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-12 row">
                            <a href="{{ route('users.create') }}"
                               class="btn btn-outline-secondary btn-uppercase card-title mb-4">
                                <i class="fas fa-plus m-r-5"></i> ایجاد کاربر
                            </a>
                        </div>
                        <div class="col-lg-12">
                            <form action="{{ route('users.search') }}" method="post">
                                @csrf
                                <input type="hidden" name="role" value="{{ Route::current()->parameter('role') }}">
                                <div class="row">
                                    <div class="col-xl-3 col-lg-3 col-md-4">
                                        <div class="form-group">
                                            <input type="text" name="name" class="form-control" value="{{ isset($requestAll['name']) ? $requestAll['name'] : '' }}" placeholder="نام">
                                        </div>
                                    </div>

                                    <div class="col-xl-3 col-lg-3 col-md-4">
                                        <div class="form-group">
                                            <input type="text" name="phone" value="{{ isset($requestAll['phone']) ? $requestAll['phone'] : '' }}" class="form-control"
                                                   placeholder="شماره تماس">
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lg-3 col-md-4">
                                        <div class="form-group">
                                            <select name="role" class="form-control">
                                                <option value="" disabled>انتخاب نقش</option>
                                                <option {{ isset($requestAll['role']) ? $requestAll['role'] == 'all' ? 'selected' : '' : '' }} value="all">همه (نقش ها)</option>
                                                @foreach (\App\Models\User::RULES as $key => $item)
                                                    <option {{ isset($requestAll['role']) ? $requestAll['role'] == $key ? 'selected' : '' : '' }} value="{{ $key }}">{{ $item }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lg-3 col-md-4">
                                        <div class="form-group">
                                            <button class="btn btn-primary">جستجو</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <button class="btn btn-square btn-outline-success m-2" id="btn_excel_report" data-toggle="modal"
                                data-target="#excel_report"><i class="fa fa-file-excel-o mr-2"></i>گزارش گیری
                        </button>
                        <button class="btn btn-outline-success m-2 import_excel" data-target="#excel-file"
                                id="btn_import"><i class="fa fa-file-excel-o mr-2"></i>تخصیص به سر مشاور
                        </button>
                        <form action="{{ route('users.assignCulture.import') }}" method="POST" class="d-none"
                              enctype="multipart/form-data">
                            @csrf
                            <input type="file" id="excel-file" onchange="this.form.submit()" name="file">
                        </form>
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered">
                                <thead>
                                <tr>
                                    <th>ردیف</th>
                                    <th>نام و نام خانوادگی</th>
                                    <th>نقش</th>
                                    <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 $key => $item)
                                    <tr>
                                        <td>{{ ++$key }}</td>
                                        <td><a href="" style="color:#5867dd">{{ $item->name }}</a></td>
                                        <td>
                                            {{ App\Models\User::RULES[$item->role] }}
                                        </td>
                                        <td>
                                            @if ($item->status == 'active')
                                                <span class="badge bg-success">فعال</span>
                                            @else
                                                <span class="badge bg-warning">غیر فعال</span>
                                            @endif
                                        </td>
                                        <td><span onclick="copyToClipboard(this)">{{ $item->phone }}</span></td>
                                        <td>{{ $item->head_adviser?->full_name }}</td>
                                        <td>{{ verta($item->created_at)->format('Y/m/d H:i') }}</td>
                                        <td><span class="badge bg-primary cursor-pointer"
                                                  onclick="copyToClipboard(this)">{{ $item->support_code }}</span></td>
                                        <td>
                                            <a href="{{ route('userCulture.edit', [$item->id, $item->culture->id ?? null]) }}"
                                               class="btn btn-warning btn-floating">
                                                <i class="fas fa-table"></i>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="{{ route('userCourses.index', $item) }}"
                                               class="btn btn-info btn-floating">
                                                <i class="fas fa-book "></i>
                                            </a>
                                        </td>
                                        <td>
                                            <form action="{{ route('users.login', $item->id) }}" method="POST">
                                                @csrf
                                                <button type="submit" class="btn btn-success btn-floating">
                                                    <i class="fas fa-key"></i>
                                                </button>
                                            </form>
                                        </td>

                                        <td>
                                            <a href="{{ route('users.edit', $item->id) }}"
                                               class="btn btn-warning btn-floating">
                                                <i class="fas fa-pen-square text-white"></i>
                                            </a>
                                        </td>
                                        <td>
                                            <button type="button" class="btn btn-danger btn-floating trashRow"
                                                    data-url="{{ route('users.destroy', $item->id) }}"
                                                    data-id="{{ $item->id }}">
                                                <i class="fas fa-trash-alt"></i>
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                                <tfoot>
                                <tr>

                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                <div>{{ $data->appends(['name' => request()->name, 'phone' => request()->phone, 'role' => request()->role])->links() }}</div>
        </main>
    </section>
@endsection
@section('script')
    <script>
        $('.import_excel').on('click', function () {
            let target = $(this).data('target')
            $(target).trigger('click')
        })

    </script>
@endsection