@extends('dashboard.layout.content')

@section('customTitle')
{{ __('dashboard.permissions') }}
@endsection

@section('customStyle')
<link href='{{ asset("dashboard/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="layout-px-spacing">
        <form action="{{ route('dashboard.store-authorization', ['admin' => $admin->id]) }}" method="POST">
            @csrf
            <div class="row layout-top-spacing">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            {{ __('dashboard.permissions') }}
                        </div>
                        <div class="card-body d-flex flex-row flex-wrap">
                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Users') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Users")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Categories') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Categories")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Brands') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Brands")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Cars') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Models")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Companies') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Companies")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Company Branches') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Branches")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Company Cars') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Company Cars")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Services') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Services")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Reservations') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Reservations")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Ratings') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Ratings")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Offers') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Offers")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Financial') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Financials")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Coupons') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Coupons")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Notifications') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Notifications")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Advertisments') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Advertisements")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Countries') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Countries")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Citites') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Cities")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Contracts') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Contracts")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Tickets') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Tickets")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 mb-3">
                                <div class="card">
                                    <div class="card-header alert alert-light-primary">
                                        <input type="checkbox" class="checkAll">
                                        {{ __('dashboard.Menu.Receipts') }}
                                    </div>
                                    <div class="card-body d-flex flex-column flex-wrap justify-content-center p-0">
                                        @foreach ($permissions as $key => $permission)
                                        @if ($permission->category === "Receipts")
                                        <div class="col-md">
                                            <div class="n-chk">
                                                <label class="new-control new-checkbox checkbox-outline-default">
                                                    <input type="hidden" name="permissions[{{ $key + 1 }}][id]" value="{{ $permission->id }}">
                                                    <input type="checkbox" class="new-control-input" @if ($permission->admins->contains($admin->id))
                                                    {{ 'checked' }}
                                                    @endif name="permissions[{{ $key + 1 }}][is_checked]">
                                                    <span class="new-control-indicator"></span>{{ $permission->name }}
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <input type="submit" class="btn btn-success" value="{{ __('general.submit') }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('customScript')
<script>
    $("#higher-management-menu-box").attr("data-active", "true");
    
    $(".checkAll").click(function () {
        $(this).parent().parent().find('input:checkbox').prop('checked', this.checked);
    });
</script>
@endsection