@extends('layouts.main')

@section('main-container')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <style>
        div#kt_datatable_example_5_length {
            display: none;
        }

        input.form-control.form-control-sm.form-control-solid {
            background: white;
            border: 1px solid #f7f7f7;
        }

        div#kt_datatable_example_5_filter {
            display: none;
        }

        tbody tr.no-border {
            border: none !important;
        }

        input#customSearch:focus {
            border: 1px solid #dbdfe9;
        }

        /* Custom checkbox style */
        .custom-checkbox {
            display: inline-block;
            width: 17px;
            height: 17px;
            background-color: white;
            border: 1px solid #8D99AE;
            border-radius: 3px;
        }

        /* Custom checkmark when checkbox is checked */
        .custom-checkbox:checked::after {
            content: "\2713";
            /* Unicode checkmark character */
            display: block;
            text-align: center;
            font-size: 12px;
            line-height: 17px;
            background: #1b84ff;
        }
    </style>
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <div id="kt_content_container" class="container-xxl mt-4">
            <div class="card" style="margin: 35px 30px 25px 30px;border-radius: 22px;box-shadow: none;">
                <div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap mt-4 me-3 mb-5 mb-lg-0">
                    <span class="h-20px border-gray-200 border-start mx-2"></span>

                    <!-- User and Page column -->
                    <div class="col-md-5">
                        <img src="{{url('/media/logos/user1.png')}}" alt="User Icon" class="custom-icon mb-2">
                        <a href="#" class="breadcrumb-item text-dark" style="font-family: 'OxaniumSemibold';font-size: 20px;">Users</a>
                        <span class="bullet bg-gray-200 w-5px h-2px"></span>
                        <svg style="margin-bottom: 6px;" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M1.25 12L6.75 6.5L1.25 1" stroke="#404155" stroke-width="1.83333" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>

                        <span style="font-size: 18px;margin-left: 10px;">{{$page}}</span>
                    </div>

                    <!-- Search box column -->
                    <div class="col-md-3 mt-3 mt-md-0" style="padding-left: 0px;">
                        <div class="input-group notWrap">
                            <span class="input-group-prepend">
                                <span class="input-group-text" style="background-color: white; border-right: none; border-radius: unset; height: 44px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; border: 1px solid #dbdfe9;">
                                    <img src="{{ url('/media/logos/search.png') }}" alt="User Icon" class="custom-icon h-20px w-20px">
                                </span>
                            </span>
                            <input type="text" class="form-control" id="customSearch" style="border-left: none; border-top-right-radius: 12px; border-bottom-right-radius: 12px; width:275px" placeholder="Search Users">
                        </div>
                    </div>


                    <!-- Filter column -->
                    <div class="col-md-1 mt-3 mt-md-0 text-end"><br>
                        <form action="{{ url('export-users') }}" method="GET" class="text-end">
                            <input type="hidden" name="page" value="{{$page}}">
                            <input type="hidden" name="country" value="{{ request()->get("country") }}">
                            <input type="hidden" name="what_do_you_train" value="{{ request()->get("what_do_you_train") }}">
                            <input type="hidden" name="training_frequency" value="{{ request()->get("training_frequency") }}">
                            <input type="hidden" name="gender" value="{{ request()->get("gender") }}">

                            <button type="submit" class="text-end btn btn-md btn-primary export_btn">Export</button>
                        </form>
                    </div>
                    <div class="col-md-1 mt-3 mt-md-0" style="margin-left: 60px;">
                        <svg class="filter" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_3340_9503)">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3333 13C14.4217 13 15.3483 13.6958 15.6917 14.6667H16.6667C16.8877 14.6667 17.0996 14.7545 17.2559 14.9107C17.4122 15.067 17.5 15.279 17.5 15.5C17.5 15.721 17.4122 15.933 17.2559 16.0893C17.0996 16.2455 16.8877 16.3333 16.6667 16.3333H15.6917C15.5195 16.8213 15.2002 17.2438 14.7778 17.5427C14.3554 17.8415 13.8508 18.002 13.3333 18.002C12.8159 18.002 12.3112 17.8415 11.8888 17.5427C11.4664 17.2438 11.1472 16.8213 10.975 16.3333H3.33333C3.11232 16.3333 2.90036 16.2455 2.74408 16.0893C2.5878 15.933 2.5 15.721 2.5 15.5C2.5 15.279 2.5878 15.067 2.74408 14.9107C2.90036 14.7545 3.11232 14.6667 3.33333 14.6667H10.975C11.1475 14.1791 11.4669 13.757 11.8893 13.4585C12.3116 13.16 12.8162 12.9999 13.3333 13ZM13.3333 14.6667C13.1123 14.6667 12.9004 14.7545 12.7441 14.9107C12.5878 15.067 12.5 15.279 12.5 15.5C12.5 15.721 12.5878 15.933 12.7441 16.0893C12.9004 16.2455 13.1123 16.3333 13.3333 16.3333C13.5543 16.3333 13.7663 16.2455 13.9226 16.0893C14.0789 15.933 14.1667 15.721 14.1667 15.5C14.1667 15.279 14.0789 15.067 13.9226 14.9107C13.7663 14.7545 13.5543 14.6667 13.3333 14.6667ZM6.66667 8C7.15749 7.99993 7.63748 8.14435 8.04678 8.41524C8.45608 8.68613 8.77658 9.07151 8.96833 9.52333L9.02417 9.66667H16.6667C16.8791 9.6669 17.0834 9.74823 17.2378 9.89404C17.3923 10.0398 17.4852 10.2391 17.4976 10.4512C17.5101 10.6632 17.4411 10.872 17.3048 11.0349C17.1685 11.1977 16.9751 11.3024 16.7642 11.3275L16.6667 11.3333H9.025C8.857 11.8086 8.54931 12.222 8.14228 12.5193C7.73524 12.8166 7.24786 12.984 6.74404 12.9995C6.24022 13.015 5.74348 12.8779 5.31894 12.6061C4.8944 12.3344 4.56189 11.9407 4.365 11.4767L4.30833 11.3333H3.33333C3.12093 11.3331 2.91664 11.2518 2.76219 11.106C2.60775 10.9602 2.5148 10.7609 2.50236 10.5488C2.48991 10.3368 2.5589 10.128 2.69522 9.96514C2.83155 9.80226 3.02492 9.69759 3.23583 9.6725L3.33333 9.66667H4.30833C4.48084 9.1791 4.80027 8.75702 5.22262 8.45853C5.64498 8.16005 6.14949 7.99985 6.66667 8ZM6.66667 9.66667C6.44565 9.66667 6.23369 9.75446 6.07741 9.91074C5.92113 10.067 5.83333 10.279 5.83333 10.5C5.83333 10.721 5.92113 10.933 6.07741 11.0893C6.23369 11.2455 6.44565 11.3333 6.66667 11.3333C6.88768 11.3333 7.09964 11.2455 7.25592 11.0893C7.4122 10.933 7.5 10.721 7.5 10.5C7.5 10.279 7.4122 10.067 7.25592 9.91074C7.09964 9.75446 6.88768 9.66667 6.66667 9.66667ZM13.3333 3C14.4217 3 15.3483 3.69583 15.6917 4.66667H16.6667C16.8877 4.66667 17.0996 4.75446 17.2559 4.91074C17.4122 5.06703 17.5 5.27899 17.5 5.5C17.5 5.72101 17.4122 5.93298 17.2559 6.08926C17.0996 6.24554 16.8877 6.33333 16.6667 6.33333H15.6917C15.5195 6.82128 15.2002 7.24381 14.7778 7.54268C14.3554 7.84155 13.8508 8.00204 13.3333 8.00204C12.8159 8.00204 12.3112 7.84155 11.8888 7.54268C11.4664 7.24381 11.1472 6.82128 10.975 6.33333H3.33333C3.11232 6.33333 2.90036 6.24554 2.74408 6.08926C2.5878 5.93298 2.5 5.72101 2.5 5.5C2.5 5.27899 2.5878 5.06703 2.74408 4.91074C2.90036 4.75446 3.11232 4.66667 3.33333 4.66667H10.975C11.1475 4.1791 11.4669 3.75702 11.8893 3.45853C12.3116 3.16005 12.8162 2.99985 13.3333 3ZM13.3333 4.66667C13.1123 4.66667 12.9004 4.75446 12.7441 4.91074C12.5878 5.06703 12.5 5.27899 12.5 5.5C12.5 5.72101 12.5878 5.93298 12.7441 6.08926C12.9004 6.24554 13.1123 6.33333 13.3333 6.33333C13.5543 6.33333 13.7663 6.24554 13.9226 6.08926C14.0789 5.93298 14.1667 5.72101 14.1667 5.5C14.1667 5.27899 14.0789 5.06703 13.9226 4.91074C13.7663 4.75446 13.5543 4.66667 13.3333 4.66667Z" fill="#8C3EFF" />
                            </g>
                            <defs>
                                <clipPath id="clip0_3340_9503">
                                    <rect width="20" height="20" fill="white" transform="translate(0 0.5)" />
                                </clipPath>
                            </defs>
                        </svg>
                        <a href="#" style="font-size: 15px;" class="me-2 filter" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Filter</a>
                        <div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_61484c49e8c83">
                            <!--begin::Header-->
                            <div class="px-7 py-5">
                                <div class="fs-5 text-dark fw-bolder">Filter Options</div>
                            </div>
                            <!--end::Header-->
                            <!--begin::Menu separator-->
                            <div class="separator border-gray-200"></div>
                            <!--end::Menu separator-->
                            <!--begin::Form-->
                            <form action="{{url('/filter_user')}}" method="post">
                                @csrf
                                <div class="px-7 py-5">
                                    <!--begin::Input group-->
                                    <div class="mb-10">
                                        <!--begin::Label-->
                                        <label class="form-label fw-bold">Country:</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <div>
                                            <input type="hidden" name="page" value="{{$page}}">
                                            <select id="country" name="country" class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_61484c49e8c83" data-allow-clear="true">
                                                <option value=''></option>
                                                @foreach($country as $country)
                                                <option value="{{$country->country}}" {{$country->country == request()->get("country") ? "selected" : "" }}>{{$country->country}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <!--end::Input-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="mb-10">
                                        <label class="form-label fw-bold">What Do You Train?:</label>
                                        <div>
                                            <select id="what_do_you_train" name="what_do_you_train" class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_61484c49e8c83" data-allow-clear="true">
                                                <option value=""></option>
                                                <option {{ request()->get("what_do_you_train") == "No Prior Experience" ? "selected" : "" }}>No Prior Experience</option>
                                                <option {{ request()->get("what_do_you_train") == "Running" ? "selected" : "" }}>Running</option>
                                                <option {{ request()->get("what_do_you_train") == "Swimming" ? "selected" : "" }}>Swimming</option>
                                                <option {{ request()->get("what_do_you_train") == "CrossFit" ? "selected" : "" }}>CrossFit</option>
                                                <option {{ request()->get("what_do_you_train") == "Hyrox" ? "selected" : "" }}>Hyrox</option>
                                                <option {{ request()->get("what_do_you_train") == "Circuit / HIIT" ? "selected" : "" }}>Circuit / HIIT</option>
                                                <option {{ request()->get("what_do_you_train") == "Bodybuilding" ? "selected" : "" }}>Bodybuilding</option>
                                                <option {{ request()->get("what_do_you_train") == "Powerlifting" ? "selected" : "" }}>Powerlifting</option>
                                                <option {{ request()->get("what_do_you_train") == "Field Sports" ? "selected" : "" }}>Field Sports</option>
                                                <option {{ request()->get("what_do_you_train") == "Martial Arts" ? "selected" : "" }}>Martial Arts</option>
                                                <option {{ request()->get("what_do_you_train") == "Other" ? "selected" : "" }}>Other</option>
                                            </select>
                                        </div>
                                        <!--end::Input-->
                                    </div>

                                    <div class="mb-10">
                                        <label class="form-label fw-bold">Training Frequency?:</label>
                                        <div>
                                            <select id="training_frequency" name="training_frequency" class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_61484c49e8c83" data-allow-clear="true">
                                                <option value=""></option>
                                                <option {{ request()->get("training_frequency") == "Not Currently Active" ? "selected" : "" }}>Not Currently Active</option>
                                                <option {{ request()->get("training_frequency") == "Maybe Once Per Week" ? "selected" : "" }}>Maybe Once Per Week</option>
                                                <option {{ request()->get("training_frequency") == "1-3 Sessions Per Week" ? "selected" : "" }}>1-3 Sessions Per Week</option>
                                                <option {{ request()->get("training_frequency") == "3-5 Sessions Per Week" ? "selected" : "" }}>3-5 Sessions Per Week</option>
                                                <option {{ request()->get("training_frequency") == "5+ Per Week" ? "selected" : "" }}>5+ Per Week</option>
                                            </select>
                                        </div>
                                        <!--end::Input-->
                                    </div>

                                    <div class="mb-10">
                                        <label class="form-label fw-bold">How They Heard About Us</label>
                                        <div>
                                            <select id="how_they_heard_about_us" name="how_they_heard_about_us" class="form-select form-select-solid" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_61484c49e8c83" data-allow-clear="true">
                                                <option value=""></option>
                                                <option {{ request()->get("how_they_heard_about_us") == "Word of Mouth / Referral" ? "selected" : "" }}>Word of Mouth / Referral</option>
                                                <option {{ request()->get("how_they_heard_about_us") == "Social Media (Instagram, TikTok, etc)" ? "selected" : "" }}>Social Media (Instagram, TikTok, etc)</option>
                                                <option {{ request()->get("how_they_heard_about_us") == "Online Ad (Google, Facebook, etc)" ? "selected" : "" }}>Online Ad (Google, Facebook, etc)</option>
                                                <option {{ request()->get("how_they_heard_about_us") == "YouTube" ? "selected" : "" }}>YouTube</option>
                                                <option {{ request()->get("how_they_heard_about_us") == "Not Specified" ? "selected" : "" }}>Not Specified</option>
                                            </select>
                                        </div>
                                        <!--end::Input-->
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="mb-10">
                                        <!--begin::Label-->
                                        <label class="form-label fw-bold">Gender:</label>
                                        <!--end::Label-->
                                        <!--begin::Options-->
                                        <div class="d-flex">
                                            <!--begin::Options-->
                                            <label class="form-check form-check-sm form-check-custom form-check-solid me-5">
                                                <input class="form-check-input" name="gender" type="radio" value="Male" {{ request()->get("gender") == "Male" ? "checked" : "" }} />
                                                <span class="form-check-label">Male</span>
                                            </label>
                                            <!--end::Options-->
                                            <!--begin::Options-->
                                            <label class="form-check form-check-sm form-check-custom form-check-solid me-5">
                                                <input class="form-check-input" name="gender" type="radio" value="Female"  {{ request()->get("gender") == "Female" ? "checked" : "" }} />
                                                <span class="form-check-label">Female</span>
                                            </label>
                                            <label class="form-check form-check-sm form-check-custom form-check-solid">
                                                <input class="form-check-input" name="gender" type="radio" value="All"  {{ (request()->get("gender") != "Male" && request()->get("gender") != "Female") ? "checked" : "" }} />
                                                <span class="form-check-label">All</span>
                                            </label>
                                            <!--end::Options-->
                                        </div>
                                        <!--end::Options-->
                                    </div>
                                    <!--end::Input group-->

                                    <!--begin::Actions-->
                                    <div class="d-flex justify-content-end">
                                        <button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true" style="display: none;">Reset</button>
                                        <button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">Apply</button>
                                    </div>
                                    <!--end::Actions-->
                                </div>
                            </form>
                            <!--end::Form-->
                        </div>
                    </div>
                    <div class="col-md-1">
                        <button type="button" class="btn btn-sm btn-danger d-none  multiple_delete" onclick="delete_multiple();" data-kt-customer-table-select="delete_selected"><b>Delete Selected</b></button>
                    </div>
                </div>
                {{-- @if(session('success'))
                <div class="alert alert-success mt-9">
                    {{ session('success') }}
                </div>
                @endif --}}

                <hr style="background: #e1e3ec;width: 95%;margin-left: 1.8rem;border: 1px solid #e1e3ec;">
                <div class="card-body pt-0">
                    <table class="table align-middle fs-6 gy-5" id="kt_datatable_example_5">
                        <thead>
                            <tr class="text-start text-muted fw-bolder fs-7 text-uppercase gs-0">
                                <th class="d-flex w-10px pe-2">
                                    <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                                        <input class="form-check-input custom-checkbox" id="mainCheckbox" type="checkbox" value="1" style="background: white;border: 1px solid #8D99AE;border-radius: 3px;height: 17px;width: 17px;" />
                                    </div>
                                </th>
                                <th class="min-w-50px">ID</th>
                                <th class="min-w-175px sorting_asc" style="text-transform: none;padding-left: 30px;">User</th>
                                <th class="min-w-150px" style="text-transform: none;">Email/Username</th>
                                <th class="min-w-100px" style="text-transform: none;">Country</th>
                                <th class="min-w-100px">Dob</th>
                                <th class="min-w-100px">Joining Date</th>
                                <th class="min-w-125px" style="text-transform: none;"></th>
                            </tr>
                        </thead>
                        <tbody class="text-gray-600 fw-bold">
                            @foreach($users as $row)
                            <tr class="no-border" style="cursor: pointer;border: none;">
                                <td>
                                    <div class="form-check form-check-sm form-check-custom form-check-solid">
                                        <input class="form-check-input custom-checkbox rowCheckbox" type="checkbox" style="background: white;border: 1px solid #8D99AE;border-radius: 3px;height: 17px;width: 17px;" value="{{ $row->id }}" />
                                    </div>
                                </td>

                                <!-- <td>
                                    <div class="form-check form-check-sm form-check-custom form-check-solid">
                                        <input class="form-check-input" type="checkbox" />
                                    </div>
                                </td> -->
                                
                                <td onclick="window.location='{{ route('profile.user', ['user_id' => $row->id]) }}';">
                                    {{$row->id}}
                                </td>
                                <td onclick="window.location='{{ route('profile.user', ['user_id' => $row->id]) }}';">
                                    <div class="d-flex align-items-center">
                                        <div class="symbol symbol-circle symbol-50px overflow-hidden me-3">
                                            <a href="">
                                                <div class="symbol-label">
                                                    @if($row->profile_picture)
                                                    <img src="{{ asset($row->profile_picture) }}" alt="{{ $row->name }}" class="w-100" />
                                                    @else
                                                    <img src="{{ url('media/avatars/300-6.jpg') }}" alt="Default Image" class="w-100" />
                                                    @endif
                                                </div>
                                            </a>
                                        </div>
                                        <div>{{$row->name}} <br>
                                            <span class="text-success" style="font-size:10px">{{$row->gender}}</span> 
                                            @if ($page != "Recently Deleted" && $row->is_delete == 1)
                                                / <span class="text-danger" style="font-size:10px">Deleted</span>    
                                            @endif
                                        </div>
                                    </div>
                                </td>
                                <td onclick="window.location='{{ route('profile.user', ['user_id' => $row->id]) }}';">
                                    {{$row->email}} <br>
                                    {{$row->username}}
                                </td>
                                <td onclick="window.location='{{ route('profile.user', ['user_id' => $row->id]) }}';">{{$row->country}}</td>
                                <td onclick="window.location='{{ route('profile.user', ['user_id' => $row->id]) }}';">{{$row->dob}}</td>
                                <td onclick="window.location='{{ route('profile.user', ['user_id' => $row->id]) }}';">{{ $row->created_at != "" ? date("d-m-Y", strtotime($row->created_at)) : "" }}</td>
                                <td class="text-center">
                                    <!-- <a href="{{ route('profile.user', ['user_id' => $row->id]) }}" class="text-primary" data-toggle="tooltip" data-placement="top" title="View" style="margin-right: 20px;">
                                        <i class="fas fa-eye" style="color: #5BC0DE;"></i>
                                    </a> -->
                                    @if ($page !== 'Recently Deleted')
                                        <a href="#" class="text-primary" data-toggle="tooltip" data-placement="top" title="Edit" style="margin-right: 20px;" onclick="window.location='{{ route('profile.user', ['user_id' => $row->id]) }}';">
                                        <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M9 15.5H15.75" stroke="#8C3EFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                            <path d="M12.375 3.12517C12.6734 2.8268 13.078 2.65918 13.5 2.65918C13.7089 2.65918 13.9158 2.70033 14.1088 2.78029C14.3019 2.86024 14.4773 2.97743 14.625 3.12517C14.7727 3.27291 14.8899 3.4483 14.9699 3.64132C15.0498 3.83435 15.091 4.04124 15.091 4.25017C15.091 4.4591 15.0498 4.66599 14.9699 4.85902C14.8899 5.05204 14.7727 5.22743 14.625 5.37517L5.25 14.7502L2.25 15.5002L3 12.5002L12.375 3.12517Z" stroke="#8C3EFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                        </svg>
                                        </a>
                                    @endif
                                    @if($page !== 'All Users' && $page !== 'Active Users' && $page !== 'InActive Users' && $page != 'Not a Member')
                                        @if($page == 'Recently Deleted')
                                            <a href="#" class="text-danger" data-toggle="tooltip" data-placement="top" title="Delete" style="margin-right: 20px;" onclick="confirmDelete('{{ route('delete.user', ['user_id' => $row->id]) }}?page={{$page}}');">
                                                <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M2 5H3.5H15.5" stroke="#FF0101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M14 5V15.5C14 15.8978 13.842 16.2794 13.5607 16.5607C13.2794 16.842 12.8978 17 12.5 17H5C4.60218 17 4.22064 16.842 3.93934 16.5607C3.65804 16.2794 3.5 15.8978 3.5 15.5V5M5.75 5V3.5C5.75 3.10218 5.90804 2.72064 6.18934 2.43934C6.47064 2.15804 6.85218 2 7.25 2H10.25C10.6478 2 11.0294 2.15804 11.3107 2.43934C11.592 2.72064 11.75 3.10218 11.75 3.5V5" stroke="#FF0101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M7.25 8.75V13.25" stroke="#FF0101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M10.25 8.75V13.25" stroke="#FF0101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                </svg>
                                            </a>
                                        @else
                                            <a href="#" class="text-danger" data-toggle="tooltip" data-placement="top" title="Delete" style="margin-right: 20px;" onclick="confirmDelete('{{ route('delete.user', ['user_id' => $row->id]) }}?page={{$page}}');">
                                                <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M2 5H3.5H15.5" stroke="#FF0101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M14 5V15.5C14 15.8978 13.842 16.2794 13.5607 16.5607C13.2794 16.842 12.8978 17 12.5 17H5C4.60218 17 4.22064 16.842 3.93934 16.5607C3.65804 16.2794 3.5 15.8978 3.5 15.5V5M5.75 5V3.5C5.75 3.10218 5.90804 2.72064 6.18934 2.43934C6.47064 2.15804 6.85218 2 7.25 2H10.25C10.6478 2 11.0294 2.15804 11.3107 2.43934C11.592 2.72064 11.75 3.10218 11.75 3.5V5" stroke="#FF0101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M7.25 8.75V13.25" stroke="#FF0101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M10.25 8.75V13.25" stroke="#FF0101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                </svg>
                                            </a>
                                        @endif
                                    @endif
                                    @if($page !== 'Recently Blocked' && $page !== 'Recently Deleted')
                                        @if ($row->is_block == 1)
                                            <a href="#" class="text-success" data-toggle="tooltip" data-placement="top" title="Unbock" onclick="confirmUnblock('{{ route('unblock.user', ['id' => $row->id]) }}');" style="position:absolute;">
                                                <svg width="35" height="35" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
                                                    <path d="M0 0 C0.99 0.99 0.99 0.99 2 2 C3.82779617 2.17641704 5.66425994 2.26755276 7.5 2.3125 C14.67825436 2.82892118 20.43425092 4.68502888 25.77734375 9.65234375 C32.79186337 18.09475541 36.16486269 29.59433479 36.1328125 40.3984375 C36.13376923 41.11101715 36.13472595 41.8235968 36.13571167 42.55776978 C36.13639072 44.0622771 36.13455563 45.5667874 36.13037109 47.07128906 C36.12503475 49.36009399 36.1303172 51.64870128 36.13671875 53.9375 C36.13605761 55.40364626 36.13477571 56.8697924 36.1328125 58.3359375 C36.13483673 59.01425629 36.13686096 59.69257507 36.13894653 60.39144897 C36.12408269 63.4438555 35.94953962 66.29437395 35.43310547 69.30712891 C34.77642569 72.04782666 34.77642569 72.04782666 35.9375 74.75 C38.54092458 82.71341636 37.4476572 92.1268698 33.70703125 99.57421875 C31.53014612 103.31801349 29.3237763 106.63673878 26.4375 109.875 C23.56461323 113.55818817 22.2148988 117.18610274 20.5234375 121.51171875 C18.74381348 125.58660144 16.60900143 129.34914047 14.375 133.1875 C11.651635 137.9024732 9.21937192 142.32633376 7.7421875 147.59765625 C6.30954726 152.23488649 4.28018745 156.68382835 2.40234375 161.15625 C-4.24588881 178.41746298 -2.35698434 198.29621638 4.66015625 215.05078125 C8.38360202 223.39240098 12.97091671 229.87076681 19.38671875 236.3515625 C22.1168465 239.11841842 24.54817004 241.98712067 27 245 C14.81438486 251.09280757 -5.29487306 248.30584085 -18.46801758 248.26074219 C-22.16439405 248.25006673 -25.86027924 248.26067365 -29.55664062 248.2734375 C-99.43341738 248.31682078 -99.43341738 248.31682078 -117 231 C-122.18470788 225.5263345 -121.64512901 220.58699603 -121.57641602 213.35473633 C-121.56264916 211.33438936 -121.59651369 209.31877716 -121.63476562 207.29882812 C-121.62006018 197.42167046 -119.80766268 190.96562807 -113.81640625 183.15234375 C-97.1040625 166.72964201 -76.23033241 159.3856348 -53.96679688 153.53735352 C-50.45285928 152.76898181 -50.45285928 152.76898181 -47.9375 150.4375 C-45.3131169 144.38569965 -45.3131169 144.38569965 -45.60180664 138.05883789 C-46.65740753 136.06279728 -47.81711204 134.19587287 -49.0625 132.3125 C-52.18262923 127.26170928 -54.71159088 122.53739376 -56.625 116.875 C-58.39631767 111.88477056 -60.05711454 109.68699003 -64.2890625 106.65625 C-69.55303072 101.56053647 -71.73255568 92.38484293 -72.16796875 85.24609375 C-72.17763672 83.85583984 -72.17763672 83.85583984 -72.1875 82.4375 C-72.20167969 81.50808594 -72.21585938 80.57867187 -72.23046875 79.62109375 C-72 77 -72 77 -70.93359375 74.96875 C-69.66656694 72.29686083 -70.19565072 70.91828307 -70.875 68.0625 C-74.73249932 47.30306288 -71.53107799 26.84478368 -60 9 C-52.78848138 -0.21471824 -44.06745937 -5.84362808 -32.4921875 -7.71875 C-20.8344666 -9.03435487 -9.46523451 -7.35375912 0 0 Z " fill="#16B857" transform="translate(122,8)" />
                                                    <path d="M0 0 C11.51496546 9.72784282 19.41689429 23.07554371 22 38 C23.43840094 59.39512429 20.13869146 76.68622719 5.70703125 93.23828125 C-6.15826836 105.34328388 -20.86096106 111.92744098 -37.72558594 112.35375977 C-55.43396928 112.48933081 -70.63982826 108.18647441 -84 96 C-96.56559335 83.59639405 -103.54386714 68.66554662 -104.05957031 50.95410156 C-104.15407294 32.45735922 -98.01226665 17.20439691 -85.1875 3.6875 C-61.30198889 -18.96380537 -26.05304437 -19.43204513 0 0 Z M-22 23 C-24.37963018 26.0023511 -26.53153636 29.14714127 -28.6875 32.3125 C-29.29891846 33.19518555 -29.91033691 34.07787109 -30.5402832 34.98730469 C-33.42828388 39.17250624 -36.26773044 43.38389145 -39.03125 47.65234375 C-39.48411377 48.3486792 -39.93697754 49.04501465 -40.40356445 49.76245117 C-41.24308286 51.06203653 -42.07281056 52.36801282 -42.89135742 53.6809082 C-44.01171875 55.421875 -44.01171875 55.421875 -46 58 C-49.7185142 58 -50.31804606 57.14087832 -53 54.6875 C-53.680625 54.07261719 -54.36125 53.45773438 -55.0625 52.82421875 C-57 51 -57 51 -58.4375 49.26953125 C-59.99015169 47.79580612 -59.99015169 47.79580612 -62.4453125 47.58203125 C-65.72875748 48.11923096 -66.72332191 49.18952179 -68.875 51.6875 C-69.79925781 52.71423828 -69.79925781 52.71423828 -70.7421875 53.76171875 C-72.22889295 55.94253176 -72.22889295 55.94253176 -71.875 58.54296875 C-70.94290742 61.16031799 -69.99845697 62.59019267 -68.125 64.625 C-67.50238281 65.30175781 -66.87976563 65.97851562 -66.23828125 66.67578125 C-57.25857111 77.19305871 -57.25857111 77.19305871 -45.75 83.875 C-40.03799898 82.54219976 -38.39921955 78.82318505 -35.32568359 74.03808594 C-33.1918063 70.75749522 -30.96039349 67.54429105 -28.74438477 64.31884766 C-26.79207663 61.4701999 -24.85626546 58.6108375 -22.921875 55.75 C-20.37114771 51.98862901 -17.77933777 48.26263971 -15.140625 44.5625 C-14.53758545 43.70849609 -13.9345459 42.85449219 -13.31323242 41.97460938 C-12.17357976 40.36374348 -11.02319506 38.76039948 -9.8605957 37.16601562 C-7.57650483 33.91592585 -6.11671242 31.62393434 -5.37890625 27.6796875 C-5.77685868 24.88826558 -5.77685868 24.88826558 -7.8984375 23.1015625 C-8.71570313 22.61429688 -9.53296875 22.12703125 -10.375 21.625 C-11.59316406 20.87089844 -11.59316406 20.87089844 -12.8359375 20.1015625 C-17.13574413 17.91285226 -18.67188937 19.92324318 -22 23 Z " fill="#16B857" transform="translate(234,144)" />
                                                </svg>
                                            </a>   
                                        @else  
                                            <a href="#" onclick="confirmBlock('{{ route('block.user', ['id' => $row->id]) }}');">
                                                <svg width="28" height="28" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
                                                    <path d="M0 0 C1.33611328 1.17175781 1.33611328 1.17175781 2.69921875 2.3671875 C12.0027363 10.60215403 20.29768234 19.24808256 28 29 C28.78117187 29.95261719 29.56234375 30.90523438 30.3671875 31.88671875 C54.25746823 61.69232458 68.84907014 98.51478778 75 136 C75.19480957 137.17973389 75.19480957 137.17973389 75.39355469 138.38330078 C84.30083284 195.75665126 68.31394969 256.83508992 34.4453125 303.56640625 C32.05306423 306.78378066 29.55134 309.90781414 27 313 C26.53625977 313.56525391 26.07251953 314.13050781 25.59472656 314.71289062 C15.45217742 327.00319399 4.66390741 338.27265083 -8 348 C-8.56058105 348.4316748 -9.12116211 348.86334961 -9.69873047 349.30810547 C-18.75057591 356.23531237 -28.07697638 362.39773013 -38 368 C-38.65162109 368.37366699 -39.30324219 368.74733398 -39.97460938 369.13232422 C-74.37026997 388.7284914 -116.39893781 399.07266138 -156 397 C-157.20897949 396.9383667 -157.20897949 396.9383667 -158.44238281 396.87548828 C-206.50445529 394.20726751 -252.27763114 378.26195608 -290 348 C-291.00804687 347.195625 -292.01609375 346.39125 -293.0546875 345.5625 C-314.54433851 328.06699878 -332.13534631 306.9505096 -346 283 C-346.35416992 282.38882324 -346.70833984 281.77764648 -347.07324219 281.14794922 C-364.07493864 251.44374964 -374.99685043 215.78374772 -375.203125 181.3984375 C-375.21018463 180.60773361 -375.21724426 179.81702972 -375.22451782 179.00236511 C-375.60154871 124.30978249 -361.70062678 73.27017287 -327 30 C-326.20722656 29.00355469 -325.41445313 28.00710937 -324.59765625 26.98046875 C-313.48657205 13.29808384 -300.91532146 0.65765367 -286.68408203 -9.76464844 C-284.99291458 -11.00519748 -283.32254115 -12.27047188 -281.65234375 -13.5390625 C-272.61782037 -20.30191444 -263.00738801 -25.8090467 -253 -31 C-252.25121582 -31.39074707 -251.50243164 -31.78149414 -250.73095703 -32.18408203 C-226.65988944 -44.58653697 -199.9530012 -52.35392911 -173 -55 C-171.89140625 -55.11085938 -170.7828125 -55.22171875 -169.640625 -55.3359375 C-108.16814954 -60.5766785 -46.10640719 -41.24978153 0 0 Z " fill="#F8F8F8" transform="translate(405,85)" />
                                                    <path d="M0 0 C1.01434113 -0.00201416 2.02868225 -0.00402832 3.07376099 -0.00610352 C29.44324698 0.02915293 53.5779441 4.56698334 78.125 14.5 C79.34364746 14.99137451 79.34364746 14.99137451 80.58691406 15.49267578 C134.51098688 37.6066141 174.07478316 81.04273033 196.65625 134.09765625 C210.67507889 169.27294946 213.88912775 208.36289777 207.125 245.5 C206.98578125 246.30937012 206.8465625 247.11874023 206.703125 247.95263672 C198.36925315 295.72771456 170.63630134 340.96754542 133.125 371.5 C129.2665126 369.91244672 126.82551535 367.44799596 123.89746094 364.51538086 C123.38969116 364.00950943 122.88192139 363.503638 122.35876465 362.98243713 C120.68738032 361.31474762 119.02328788 359.63998526 117.359375 357.96484375 C116.19960393 356.80388042 115.03946279 355.64328667 113.87896729 354.48304749 C111.45168081 352.05419857 109.02778708 349.62203089 106.60644531 347.18725586 C103.49533795 344.05911167 100.37764065 340.93763833 97.25762558 337.81838131 C94.86395186 335.42443642 92.47288746 333.02790005 90.08271027 330.63046455 C88.93339666 329.47795941 87.78346811 328.32606719 86.63292694 327.17478752 C85.03106558 325.5707704 83.43253335 323.96351197 81.83496094 322.35522461 C80.92325134 321.43970322 80.01154175 320.52418182 79.07220459 319.58091736 C77.125 317.5 77.125 317.5 77.125 316.5 C77.87523437 316.40203125 78.62546875 316.3040625 79.3984375 316.203125 C89.77005364 314.68787629 98.76088369 312.34529437 106.125 304.5 C106.785 303.51 107.445 302.52 108.125 301.5 C111.69264285 303.01376081 113.96206287 305.10513129 116.671875 307.8515625 C117.51621094 308.70234375 118.36054688 309.553125 119.23046875 310.4296875 C120.10316406 311.31914062 120.97585938 312.20859375 121.875 313.125 C123.20724609 314.47078125 123.20724609 314.47078125 124.56640625 315.84375 C126.75716969 318.05807004 128.94312763 320.27692435 131.125 322.5 C135.41746439 320.59431828 137.57419514 317.68372216 140.25 313.9375 C140.72791992 313.27419678 141.20583984 312.61089355 141.69824219 311.92749023 C150.4324683 299.59622538 157.70302856 286.60973497 163.125 272.5 C163.42535156 271.72205078 163.72570312 270.94410156 164.03515625 270.14257812 C176.72169635 236.56836636 178.98254374 197.14956258 169.125 162.5 C168.90569824 161.69594727 168.68639648 160.89189453 168.46044922 160.06347656 C156.15417672 115.94525919 124.82263329 78.73231615 85.375 56.25 C75.71891157 50.91728033 65.52580148 47.10704901 55.125 43.5 C53.94164062 43.07847656 52.75828125 42.65695313 51.5390625 42.22265625 C9.76787122 28.28138964 -38.09610134 34.15036219 -77.18945312 53.02246094 C-88.0288643 58.45132917 -97.79306562 65.22814138 -107.3515625 72.65234375 C-109.49805922 74.22400466 -111.49261386 75.3561642 -113.875 76.5 C-108.84918304 82.46345052 -103.47171152 87.91999546 -97.84375 93.3125 C-96.12901595 94.98054595 -94.41550909 96.64985421 -92.703125 98.3203125 C-90.02977228 100.92559831 -87.35068296 103.52321013 -84.65039062 106.10058594 C-82.02717049 108.60888586 -79.43363341 111.14485195 -76.84375 113.6875 C-76.02934448 114.45231689 -75.21493896 115.21713379 -74.37585449 116.00512695 C-69.05239582 121.30040996 -69.05239582 121.30040996 -68.55509949 124.66323853 C-68.9424977 128.27494302 -70.16164364 131.75205197 -71.42578125 135.1484375 C-73.40907413 141.44433746 -73.20475638 147.58120673 -73.0625 154.125 C-73.04896484 155.31996094 -73.03542969 156.51492187 -73.02148438 157.74609375 C-72.98646292 160.664548 -72.93734993 163.58202348 -72.875 166.5 C-77.41020306 162.70301491 -81.73513997 158.78288646 -85.90209961 154.58642578 C-86.45907532 154.0295961 -87.01605103 153.47276642 -87.58990479 152.89906311 C-89.40476899 151.08351 -91.21607911 149.26445606 -93.02734375 147.4453125 C-94.29507374 146.17571469 -95.56302673 144.90633952 -96.83119202 143.63717651 C-100.14924776 140.31532426 -103.46428789 136.99047867 -106.77868652 133.66497803 C-110.16898355 130.26440491 -113.56215506 126.86670263 -116.95507812 123.46875 C-123.59785162 116.81528981 -130.23743946 110.15866041 -136.875 103.5 C-140.12357757 106.66036554 -142.69579461 109.93551421 -145.125 113.75 C-145.51413574 114.36061279 -145.90327148 114.97122559 -146.30419922 115.6003418 C-150.70171251 122.64082301 -154.39390121 129.97140463 -157.875 137.5 C-158.18179688 138.15274902 -158.48859375 138.80549805 -158.8046875 139.47802734 C-176.7340133 178.14292492 -178.23059235 225.33310939 -163.69140625 265.27197266 C-163.42199219 266.00722168 -163.15257812 266.7424707 -162.875 267.5 C-162.60816406 268.25716309 -162.34132812 269.01432617 -162.06640625 269.79443359 C-153.74017924 293.36383099 -140.31642746 313.66663035 -122.875 331.5 C-121.80765625 332.66015625 -121.80765625 332.66015625 -120.71875 333.84375 C-92.97638839 363.29333386 -50.22730861 380.88198759 -10.18896484 382.6640625 C17.90866872 383.50248499 43.46898675 379.72500822 69.44165039 368.59667969 C74.54025722 366.4680485 74.54025722 366.4680485 77.01049805 366.60302734 C80.1419198 367.93137782 82.2184008 370.22570177 84.546875 372.62890625 C85.05172424 373.13800034 85.55657349 373.64709442 86.07672119 374.1716156 C87.68333979 375.7949912 89.27919822 377.428497 90.875 379.0625 C91.96414984 380.1667005 93.05398605 381.27022445 94.14453125 382.37304688 C96.8127076 385.0742529 99.47128291 387.78459063 102.125 390.5 C99.56213344 393.25230835 97.35732505 395.12114076 93.921875 396.6484375 C93.11500244 397.01098633 92.30812988 397.37353516 91.47680664 397.74707031 C90.61821045 398.11928711 89.75961426 398.49150391 88.875 398.875 C87.97966553 399.2678418 87.08433105 399.66068359 86.16186523 400.06542969 C83.48957121 401.22669706 80.80980562 402.36799474 78.125 403.5 C77.41166504 403.80260742 76.69833008 404.10521484 75.96337891 404.41699219 C65.4937727 408.79119107 54.76278786 411.63170691 43.66992188 413.96386719 C42.082579 414.29826905 40.49742016 414.64343889 38.91601562 415.00488281 C-9.56702921 425.9577877 -65.82457205 413.80120598 -107.64575195 388.1328125 C-110.44612327 386.33453685 -113.1719706 384.43978474 -115.875 382.5 C-116.5148584 382.04512207 -117.1547168 381.59024414 -117.81396484 381.12158203 C-126.48370717 374.9152824 -134.68150897 368.39900843 -142.34912109 360.97460938 C-143.40557522 359.95365211 -144.46889417 358.93976855 -145.53759766 357.93164062 C-168.55114095 336.2092434 -184.93684855 309.07516406 -195.875 279.5 C-196.12491699 278.84402832 -196.37483398 278.18805664 -196.63232422 277.51220703 C-200.25693447 267.91170162 -202.72823227 258.26033951 -204.6875 248.1875 C-204.8944751 247.12684326 -205.1014502 246.06618652 -205.31469727 244.97338867 C-215.03281128 192.19277704 -202.7637866 136.18871861 -172.5300293 91.99902344 C-142.54172677 49.14355233 -99.12815685 17.52162146 -47.875 5.5 C-46.76898438 5.22542969 -45.66296875 4.95085938 -44.5234375 4.66796875 C-29.57152523 1.04596613 -15.33317827 0.02117305 0 0 Z " fill="#FE2B2B" transform="translate(254.875,46.5)" />
                                                    <path d="M0 0 C10.65171147 8.69784723 18.19497703 21.86251281 20.19921875 35.4296875 C21.72552476 51.03192675 19.32820446 66.48798584 9.30078125 79.03125 C7.07691665 81.50969842 4.80573651 83.92139167 2.48046875 86.3046875 C-1.95650475 90.73671366 -1.95650475 90.73671366 -4.20703125 96.4296875 C-3.26984663 100.34882317 -1.57178049 101.70431904 1.48046875 104.3046875 C4.8792571 105.7526644 4.8792571 105.7526644 8.60546875 106.7421875 C25.38202472 111.88579816 40.17979073 122.30516772 48.73193359 137.87939453 C54.96136587 149.91684789 56.69914952 161.57200439 56.91796875 174.9921875 C56.95180664 176.42812256 56.95180664 176.42812256 56.98632812 177.89306641 C56.96220618 184.65083034 56.96220618 184.65083034 54.578125 187.88671875 C50.76078585 190.46715471 48.3682979 190.43617452 43.74382019 190.45185852 C43.04326816 190.45553521 42.34271614 190.4592119 41.62093526 190.463 C39.26184991 190.4740567 36.90280858 190.47788402 34.54370117 190.48168945 C32.85695759 190.48795257 31.1702154 190.49459924 29.48347473 190.50160217 C24.89249958 190.51902519 20.30153485 190.52956733 15.71053481 190.5378077 C12.84372192 190.54295477 9.97691229 190.54903062 7.1101017 190.55531883 C-1.85521803 190.57437397 -10.82052951 190.58860479 -19.7858656 190.5969308 C-30.14287478 190.60670744 -40.49967047 190.63303672 -50.8566044 190.67343169 C-58.85665852 190.70356599 -66.85665136 190.71839709 -74.85676116 190.72171181 C-79.63737461 190.72406525 -84.41776007 190.73306371 -89.19831276 190.75817299 C-93.69549706 190.78141201 -98.1923026 190.78570385 -102.68953133 190.77541161 C-104.34031685 190.77491513 -105.99112076 190.78126855 -107.64184952 190.79496765 C-109.89566628 190.81262544 -112.1481147 190.80561204 -114.40193176 190.79243469 C-115.66311231 190.79482305 -116.92429285 190.7972114 -118.22369099 190.79967213 C-122.12920426 190.21312397 -123.77524948 189.09998372 -126.51953125 186.3046875 C-131.04912987 172.71589165 -127.6858852 153.60003268 -121.76953125 140.9921875 C-118.87892504 135.62493844 -115.53313881 130.88533896 -111.51953125 126.3046875 C-110.98714844 125.68980469 -110.45476562 125.07492187 -109.90625 124.44140625 C-100.29457112 114.0956612 -86.75947006 107.87449289 -73.3046875 104.39453125 C-70.17062165 103.16815765 -69.09742944 102.24606566 -67.51953125 99.3046875 C-67.51953125 93.34469161 -69.47735408 90.5306 -73.51953125 86.3046875 C-74.32390625 85.5209375 -75.12828125 84.7371875 -75.95703125 83.9296875 C-87.82786367 71.76932258 -91.94023078 57.88601045 -91.88525391 41.24682617 C-91.59894907 26.23946208 -85.13357601 14.46942953 -75.0078125 3.62890625 C-53.39689849 -16.55711233 -23.63202942 -15.9012415 0 0 Z " fill="#1A1A1A" transform="translate(291.51953125,154.6953125)" />
                                                </svg>
                                                <!-- <img src="{{url('/media/icons/trash.png')}}" alt="User Icon" class="img-fluid"> -->
                                            </a>   
                                        @endif
                                    @endif
                                    @if($page == 'Recently Blocked')
                                    <a href="#" class="text-success" data-toggle="tooltip" data-placement="top" title="Unbock" onclick="confirmUnblock('{{ route('unblock.user', ['id' => $row->id]) }}');" style="position:absolute;">
                                        <svg width="35" height="35" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
                                            <path d="M0 0 C0.99 0.99 0.99 0.99 2 2 C3.82779617 2.17641704 5.66425994 2.26755276 7.5 2.3125 C14.67825436 2.82892118 20.43425092 4.68502888 25.77734375 9.65234375 C32.79186337 18.09475541 36.16486269 29.59433479 36.1328125 40.3984375 C36.13376923 41.11101715 36.13472595 41.8235968 36.13571167 42.55776978 C36.13639072 44.0622771 36.13455563 45.5667874 36.13037109 47.07128906 C36.12503475 49.36009399 36.1303172 51.64870128 36.13671875 53.9375 C36.13605761 55.40364626 36.13477571 56.8697924 36.1328125 58.3359375 C36.13483673 59.01425629 36.13686096 59.69257507 36.13894653 60.39144897 C36.12408269 63.4438555 35.94953962 66.29437395 35.43310547 69.30712891 C34.77642569 72.04782666 34.77642569 72.04782666 35.9375 74.75 C38.54092458 82.71341636 37.4476572 92.1268698 33.70703125 99.57421875 C31.53014612 103.31801349 29.3237763 106.63673878 26.4375 109.875 C23.56461323 113.55818817 22.2148988 117.18610274 20.5234375 121.51171875 C18.74381348 125.58660144 16.60900143 129.34914047 14.375 133.1875 C11.651635 137.9024732 9.21937192 142.32633376 7.7421875 147.59765625 C6.30954726 152.23488649 4.28018745 156.68382835 2.40234375 161.15625 C-4.24588881 178.41746298 -2.35698434 198.29621638 4.66015625 215.05078125 C8.38360202 223.39240098 12.97091671 229.87076681 19.38671875 236.3515625 C22.1168465 239.11841842 24.54817004 241.98712067 27 245 C14.81438486 251.09280757 -5.29487306 248.30584085 -18.46801758 248.26074219 C-22.16439405 248.25006673 -25.86027924 248.26067365 -29.55664062 248.2734375 C-99.43341738 248.31682078 -99.43341738 248.31682078 -117 231 C-122.18470788 225.5263345 -121.64512901 220.58699603 -121.57641602 213.35473633 C-121.56264916 211.33438936 -121.59651369 209.31877716 -121.63476562 207.29882812 C-121.62006018 197.42167046 -119.80766268 190.96562807 -113.81640625 183.15234375 C-97.1040625 166.72964201 -76.23033241 159.3856348 -53.96679688 153.53735352 C-50.45285928 152.76898181 -50.45285928 152.76898181 -47.9375 150.4375 C-45.3131169 144.38569965 -45.3131169 144.38569965 -45.60180664 138.05883789 C-46.65740753 136.06279728 -47.81711204 134.19587287 -49.0625 132.3125 C-52.18262923 127.26170928 -54.71159088 122.53739376 -56.625 116.875 C-58.39631767 111.88477056 -60.05711454 109.68699003 -64.2890625 106.65625 C-69.55303072 101.56053647 -71.73255568 92.38484293 -72.16796875 85.24609375 C-72.17763672 83.85583984 -72.17763672 83.85583984 -72.1875 82.4375 C-72.20167969 81.50808594 -72.21585938 80.57867187 -72.23046875 79.62109375 C-72 77 -72 77 -70.93359375 74.96875 C-69.66656694 72.29686083 -70.19565072 70.91828307 -70.875 68.0625 C-74.73249932 47.30306288 -71.53107799 26.84478368 -60 9 C-52.78848138 -0.21471824 -44.06745937 -5.84362808 -32.4921875 -7.71875 C-20.8344666 -9.03435487 -9.46523451 -7.35375912 0 0 Z " fill="#16B857" transform="translate(122,8)" />
                                            <path d="M0 0 C11.51496546 9.72784282 19.41689429 23.07554371 22 38 C23.43840094 59.39512429 20.13869146 76.68622719 5.70703125 93.23828125 C-6.15826836 105.34328388 -20.86096106 111.92744098 -37.72558594 112.35375977 C-55.43396928 112.48933081 -70.63982826 108.18647441 -84 96 C-96.56559335 83.59639405 -103.54386714 68.66554662 -104.05957031 50.95410156 C-104.15407294 32.45735922 -98.01226665 17.20439691 -85.1875 3.6875 C-61.30198889 -18.96380537 -26.05304437 -19.43204513 0 0 Z M-22 23 C-24.37963018 26.0023511 -26.53153636 29.14714127 -28.6875 32.3125 C-29.29891846 33.19518555 -29.91033691 34.07787109 -30.5402832 34.98730469 C-33.42828388 39.17250624 -36.26773044 43.38389145 -39.03125 47.65234375 C-39.48411377 48.3486792 -39.93697754 49.04501465 -40.40356445 49.76245117 C-41.24308286 51.06203653 -42.07281056 52.36801282 -42.89135742 53.6809082 C-44.01171875 55.421875 -44.01171875 55.421875 -46 58 C-49.7185142 58 -50.31804606 57.14087832 -53 54.6875 C-53.680625 54.07261719 -54.36125 53.45773438 -55.0625 52.82421875 C-57 51 -57 51 -58.4375 49.26953125 C-59.99015169 47.79580612 -59.99015169 47.79580612 -62.4453125 47.58203125 C-65.72875748 48.11923096 -66.72332191 49.18952179 -68.875 51.6875 C-69.79925781 52.71423828 -69.79925781 52.71423828 -70.7421875 53.76171875 C-72.22889295 55.94253176 -72.22889295 55.94253176 -71.875 58.54296875 C-70.94290742 61.16031799 -69.99845697 62.59019267 -68.125 64.625 C-67.50238281 65.30175781 -66.87976563 65.97851562 -66.23828125 66.67578125 C-57.25857111 77.19305871 -57.25857111 77.19305871 -45.75 83.875 C-40.03799898 82.54219976 -38.39921955 78.82318505 -35.32568359 74.03808594 C-33.1918063 70.75749522 -30.96039349 67.54429105 -28.74438477 64.31884766 C-26.79207663 61.4701999 -24.85626546 58.6108375 -22.921875 55.75 C-20.37114771 51.98862901 -17.77933777 48.26263971 -15.140625 44.5625 C-14.53758545 43.70849609 -13.9345459 42.85449219 -13.31323242 41.97460938 C-12.17357976 40.36374348 -11.02319506 38.76039948 -9.8605957 37.16601562 C-7.57650483 33.91592585 -6.11671242 31.62393434 -5.37890625 27.6796875 C-5.77685868 24.88826558 -5.77685868 24.88826558 -7.8984375 23.1015625 C-8.71570313 22.61429688 -9.53296875 22.12703125 -10.375 21.625 C-11.59316406 20.87089844 -11.59316406 20.87089844 -12.8359375 20.1015625 C-17.13574413 17.91285226 -18.67188937 19.92324318 -22 23 Z " fill="#16B857" transform="translate(234,144)" />
                                        </svg>
                                    </a>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.8/dist/sweetalert2.all.min.js"></script>
<script>
     var baseUrl = @json(url('/'));
    function show_delete_alert(user, id) {
        let admin_name = '{{ Auth::user()->name }}';
        let img = "img_" + id;
        let delete_url = "users/" + id + "/delete";
        // let delete_url = "";
        if (document.getElementById(img)) {

            img_url = document.getElementById(img).src;
        } else {
            img_url = "https://unsplash.it/400/200";
        }

        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success',
                cancelButton: 'btn btn-danger'
            },
            buttonsStyling: false
        })
        Swal.fire({
            title: admin_name + '!',
            showClass: {
                popup: 'animate__animated animate__fadeInDown'
            },
            hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
            },
            text: 'Are you sure you want to Delete ' + user + '?',
            imageUrl: img_url,
            imageWidth: 400,
            imageHeight: 200,
            imageAlt: user,
            showCancelButton: true,
            confirmButtonText: 'Yes, delete it!',
            cancelButtonText: 'No, cancel!',
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = delete_url;
                swalWithBootstrapButtons.fire(
                    'Deleted!',
                    user + ' has been deleted.',
                    'success'
                )
            } else if (
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelled',
                    user + ' not deleted',
                    'error'
                )
            }
        })
    }

    function show_delete(user, id) {
        let admin_name = '{{ Auth::user()->name }}';
        let img = "img_" + id;
        let delete_url = "users/" + id + "/delete_permanently";
        if (document.getElementById(img)) {

            img_url = document.getElementById(img).src;
        } else {
            img_url = "https://unsplash.it/400/200";
        }

        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success',
                cancelButton: 'btn btn-danger'
            },
            buttonsStyling: false
        })
        Swal.fire({
            title: admin_name + '!',
            showClass: {
                popup: 'animate__animated animate__fadeInDown'
            },
            hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
            },
            text: 'Are you sure you want to Delete ' + user + ' permanently?',
            imageUrl: img_url,
            imageWidth: 400,
            imageHeight: 200,
            imageAlt: user,
            showCancelButton: true,
            confirmButtonText: 'Yes, delete it!',
            cancelButtonText: 'No, cancel!',
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = delete_url;
                swalWithBootstrapButtons.fire(
                    'Deleted!',
                    user + ' has been permanently deleted.',
                    'success'
                )
            } else if (
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                    'Cancelled',
                    user + ' not deleted',
                    'error'
                )
            }
        })
    }

    function confirmDelete(deleteUrl) {
        if (confirm('Are you sure you want to delete this user?')) {
            window.location.href = deleteUrl;
        }
    }

    function confirmBlock(blockUrl) {
        if (confirm('Are you sure you want to block this user?')) {
            window.location.href = blockUrl;
        }
    }

    function confirmUnblock(blockUrl) {
        console.log(blockUrl);
        if (confirm('Are you sure you want to unblock this user?')) {
            window.location.href = blockUrl;
        }
    }

    function delete_multiple(){
        let page="{{ $page }}";
        if (confirm('Are you sure you want to delete selected user?')) {
            var checkedValues = [];
            $('.rowCheckbox:checked').each(function() {
                checkedValues.push($(this).val()); // Assuming you want to get the value from the second column
            });

            $.ajax({
                url: baseUrl + "/delete_all",
                type: "POST",
                data: {
                    ids: checkedValues,
                    page: page,
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    alert("Users Deleted Successfully");
                    window.location.reload();
                   
                }
            })

            console.log(checkedValues);
           
        }
    }
</script>
<script>
    $(document).ready(function() {
        var table = $('#kt_datatable_example_5').DataTable();
        table.order([1, 'desc']).draw();

        $('#customSearch').on('input', function() {
            table.search(this.value).draw();
        });
        // Event listener for check all checkbox
        $('#mainCheckbox').on('change', function() {
            if ($(this).is(':checked')) {
                $('.rowCheckbox').prop('checked', true);
                $('.filter').addClass('d-none');
                $('.multiple_delete').removeClass('d-none');
            } else {
                $('.rowCheckbox').prop('checked', false);
                $('.filter').removeClass('d-none');
                $('.multiple_delete').addClass('d-none');
            }
        });

        // Event listener for individual row checkboxes
        $('#kt_datatable_example_5 tbody').on('change', '.rowCheckbox', function() {
            if ($('.rowCheckbox:checked').length === $('.rowCheckbox').length) {
                $('#mainCheckbox').prop('checked', true);
            } else {
                $('#mainCheckbox').prop('checked', false);
            }

            if($('.rowCheckbox:checked').length > 0){
                $('.multiple_delete').removeClass('d-none');
            } else {
                $('.multiple_delete').addClass('d-none');
            }
        });

    });
</script>

@endsection