@extends('layouts.dashboard.app')
@section('title', 'Edit Permission')
@section('content')
    @php
        $roleid = session()->has('role') ? session()->get('role') : '';
    @endphp
    <div class="cw-content">
        <div class="container-fluid">
            <div class="cw-content-inner">
                <div class="cw-content-body">
                    <div class="cw-block-head cw-block-head-sm">
                        <div class="cw-block-between d-flex justify-content-between align-items-center">
                            <div class="cw-block-head-content">
                                <h3 class="cw-block-title page-title">Users</h3>
                                <div class="cw-block-des text-soft">
                                    <p>All Users in Chemical Wholesale</p>
                                </div>
                            </div>
                            <div class="d-lg-flex d-none">
                                <form action="{{ route('admin.permission.search') }}" method="POST" class="me-2">
                                    @csrf
                                    <div class="d-flex">
                                        <select class="form-control form-select select select-small me-2 cw-select country" name="country"
                                            onchange="this.form.submit()" style="max-width:200px !important;" id="country_id">
                                            <option data-isocode="NULL" value="">Filter By Country </option>
                                            @foreach (Common::country() as $country)
                                                <option data-isocode="{{ @$country->iso2_code }}" value="{{ @$country->id }}"
                                                    {{ @$search['country'] == $country->id ? 'selected="selected"' : '' }}>
                                                    {{ $country->name_en }}</option>
                                            @endforeach
                                        </select>
                                        <input type="text" name="search"
                                            placeholder="Search User By Full Name, Email, Phone, Company"
                                            title="Search User By Full Name, Email, Phone, Company"
                                            class="form-control cw-search-input ms-2" value="{{ @$search['search'] }}">
                                    </div>
                                </form>
                                <select name="role" id="role" class="form-control form-select role cw-select"
                                    style="width:150px !important;">
                                    <option selected value="">Select Role</option>
                                    @foreach (Common::getRole() as $role)
                                        @php
                                            if ($role['id'] == 1 || $role['id'] == 4) {
                                                continue;
                                            }
                                        @endphp
                                        <option value="{{ $role['id'] }}" {{ $roleId == $role['id'] ? 'selected' : '' }}>
                                            {{ $role['name'] }}</option>
                                    @endforeach
                                </select>
                                <a href="{{ route('admin.permission') }}" class="btn-cw-cancel ms-2">
                                    <i class="bi bi-bootstrap-reboot me-2"></i>Reset
                                </a>
                            </div>
                        </div>
                    </div>
                    @include('layouts.dashboard.flash')
                    <form id="configForm" action="{{ route('admin.permission') }}" method="POST">
                        @csrf
                        <div class="card">
                            <div class="table-responsive">
                                <table class="table table-hover table-nowrap">
                                    <thead>
                                        <tr>
                                            <th scope="col">Full Name</th>
                                            <th scope="col">Email</th>
                                            <th scope="col">Phone</th>
                                            <th scope="col">Company</th>
                                            <th scope="col">Role</th>
                                            <th scope="col">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody id="orderitem">
                                        @php $i = 0; @endphp
                                        @if ($users->count() > 0)
                                            @foreach ($users as $user)
                                                @php
                                                    if ($user['trade_role'] == 4) {
                                                        continue;
                                                    }
                                                @endphp
                                                <tr>
                                                    <td>
                                                        {{ ucfirst(@$user['first_name']) . ' ' . ucfirst(@$user['middle_name']) . ' ' . ucfirst(@$user['last_name']) }}
                                                    </td>
                                                    <td>
                                                        {{ $user['email'] ?? '--' }}
                                                    </td>
                                                    <td>
                                                        {{ $user['phone'] ?? '--' }}
                                                    </td>
                                                    <td>
                                                        @if (!empty(@$user['allBusiness'][0]))
                                                            @foreach ($user['allBusiness'] as $company)
                                                                @if(!empty(@$company['Business']))
                                                                    <a class="badge bg-light"
                                                                        href="{{ route('admin.companies-info', @$company['Business']['uuid']) }}">
                                                                        {{ $company['Business']['company'] }}
                                                                    </a>
                                                                @else
                                                                    --
                                                                @endif
                                                            @endforeach
                                                        @else
                                                            --
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{ $user['userrole']['name'] }}
                                                    </td>
                                                    <td data-label="" class="text-center">
                                                        <div class="dropdown table">
                                                            <a class="text-muted" href="javascript:void(0);" role="button"
                                                                data-bs-toggle="dropdown" aria-haspopup="true"
                                                                aria-expanded="false">
                                                                <i class="bi bi-three-dots-vertical"></i>
                                                            </a>
                                                            @if(Auth::user()->trade_role == 4)
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    @if($user['trade_role'] == 1 || $user['trade_role'] == 3)
                                                                        <a href="{{ route('public.buyerImpersonate', ['id' => $user['id']]) }}" target="_blank" class="dropdown-item">
                                                                            Buyer Impersonate
                                                                        </a>
                                                                    @endif
                                                                    @if($user['trade_role'] != 1)
                                                                        <a href="{{ route('admin.permission.user', ['id' => @$user['uuid']]) }}" class="dropdown-item">
                                                                            Edit Permission
                                                                        </a>
                                                                    @endif
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                                @php $i++; @endphp
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="7" class="text-center">No Records Found</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
@endsection

@push('css')
    <style>
        .badge.bg-light:hover {
            background-color: #eee !important
        }
        .select2-container--default .select2-selection--single {
            border: 0 !important;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered{
            min-width: 200px !important;
            border-radius: 5px !important;
            border: 2px solid #eee !important;
        }
    </style>
@endpush
@push('js')
    <script>
        $("#country_id").select2();

        $(document).ready(function() {
            var select = $('#country_id');
            var usOption = select.find('option[data-isocode="US"]').detach();  // Remove the US option
            select.find('option[data-isocode="NULL"]').after(usOption);  // Add it back at the top
        });
        $('#role').on('change', function(event) {
            var rid = $(this).val();
            let url = "/admin/permission/" + rid;
            location.href = url;
        })

        $(document).ready(function() {
            // For Add Permission
            $("#checkAllAdd").click(function() {
                $(".checkPermissionAdd").prop('checked', $(this).prop('checked'));
            });
            $(document).on('click', '.checkPermissionAdd', function(e) {
                var totalAddCount = $(".checkPermissionAdd").length;
                var checkedAdd = $(".checkPermissionAdd:checked").length;
                if (totalAddCount != checkedAdd) {
                    $("#checkAllAdd").prop('checked', false);
                } else {
                    $("#checkAllAdd").prop('checked', true);
                }
            });
            // For Edit Permission
            $("#checkAllEdit").click(function() {
                $(".checkPermissionEdit").prop('checked', $(this).prop('checked'));
            });
            $(document).on('click', '.checkPermissionEdit', function(e) {
                var totalEditCount = $(".checkPermissionEdit").length;
                var checkedEdit = $(".checkPermissionEdit:checked").length;
                if (totalEditCount != checkedEdit) {
                    $("#checkAllEdit").prop('checked', false);
                } else {
                    $("#checkAllEdit").prop('checked', true);
                }
            });
            // For Delete Permission
            $("#checkAllDelete").click(function() {
                $(".checkPermissionDelete").prop('checked', $(this).prop('checked'));
            });
            $(document).on('click', '.checkPermissionDelete', function(e) {
                var totalDeleteCount = $(".checkPermissionDelete").length;
                var checkedDelete = $(".checkPermissionDelete:checked").length;
                if (totalDeleteCount != checkedDelete) {
                    $("#checkAllDelete").prop('checked', false);
                } else {
                    $("#checkAllDelete").prop('checked', true);
                }
            });
        });
        window.onload = function() {
            // Your code here
            let roleId = '';
            if (roleId) {
                $("#role").val('').change();
            }
        };
    </script>
@endpush