@extends('layout.master')
@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/datatables.css') }}">
    <style>
        .accordion-button:not(.collapsed) {
            color: #212529 !important;
            background-color: rgba(0, 0, 0, 0) !important;
        }
    </style>
@endsection
@section('main_content')

  <!-- Container-fluid starts-->
  <div class="container-fluid">
    <div class="edit-profile">
      <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-header">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"><i data-feather="home"></i></a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active"> Roles Create</li>
                    </ol>
                    <div class="row">
                        <div class="col-sm-6">
                            <h3>Create Role</h3>
                        </div>
                        <div class="col-sm-6" style="text-align:right;">
                            @if(auth()->user()->can('roles.index'))
                                <a href="{{route('roles.index')}}" class="btn btn-primary"> Back</a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{route('roles.store')}}" class="ajaxformfileupload" data-parsley-validate>
                        @csrf
                        <div class="mb-1">
                            <label for="name" class="form-label">Name</label>
                            <input value="{{ old('name') }}" type="text" 
                                class="form-control" name="name" placeholder="Name" required>
                        </div>
                        
                        
                        <h5 for="permissions" class="mb-4 mt-4"><strong>Assign Permissions<strong></h5>

                        <div class="row">
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleAdmin">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingAdmin">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseAdmin" aria-expanded="true" aria-controls="collapseAdmin">
                                                Profile
                                            </button>
                                        </h2>
                                        <div id="collapseAdmin" class="accordion-collapse collapse" aria-labelledby="headingAdmin"
                                            data-bs-parent="#accordionExampleAdmin">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($permissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                    id="{{ $permission->name }}"
                                                                class='permission'>
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleRoles">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingRoles">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseRoles" aria-expanded="true" aria-controls="collapseRoles">
                                                Roles   
                                            </button>
                                        </h2>
                                        <div id="collapseRoles" class="accordion-collapse collapse" aria-labelledby="headingRoles"
                                            data-bs-parent="#accordionExampleRoles">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($RolesPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                    id="{{ $permission->name }}"
                                                                class='permission'>
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleUsers">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingUsers">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseUsers" aria-expanded="true" aria-controls="collapseUsers">
                                                Users
                                            </button>
                                        </h2>
                                        <div id="collapseUsers" class="accordion-collapse collapse" aria-labelledby="headingUsers"
                                            data-bs-parent="#accordionExampleUsers">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($UsersPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                    id="{{ $permission->name }}"
                                                                class='permission'>
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleVendorManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingVendorManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseVendorManagement" aria-expanded="true" aria-controls="collapseProduct Management">
                                                Vendor Management
                                            </button>
                                        </h2>
                                        <div id="collapseVendorManagement" class="accordion-collapse collapse" aria-labelledby="headingProduct Management"
                                            data-bs-parent="#accordionExampleVendorManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($VendorManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleStaffs">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingStaffs">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseStaffs" aria-expanded="true" aria-controls="collapseStaffs">
                                                Staffs
                                            </button>
                                        </h2>
                                        <div id="collapseStaffs" class="accordion-collapse collapse" aria-labelledby="headingStaffs"
                                            data-bs-parent="#accordionExampleStaffs">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($StaffsPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                    id="{{ $permission->name }}"
                                                                class='permission'>
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="WccordionExamplewarehouse">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="Weadingwarehouse">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#Wollapsewarehouse" aria-expanded="true" aria-controls="Wollapsewarehouse">
                                                Warehouse
                                            </button>
                                        </h2>
                                        <div id="Wollapsewarehouse" class="accordion-collapse collapse" aria-labelledby="Weadingwarehouse"
                                            data-bs-parent="#WccordionExamplewarehouse">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($WarehousePermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="WccordionExampleWarehouseAdministrator">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="WeadingWarehouseAdministrator">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#WollapseWarehouseAdministrator" aria-expanded="true" aria-controls="WollapseWarehouseAdministrator">
                                                Warehouse Administrator
                                            </button>
                                        </h2>
                                        <div id="WollapseWarehouseAdministrator" class="accordion-collapse collapse" aria-labelledby="WeadingWarehouseAdministrator"
                                            data-bs-parent="#WccordionExampleWarehouseAdministrator">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($WarehouseAdministratorPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleRackManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingRackManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseRackManagement" aria-expanded="true" aria-controls="collapseRackManagement">
                                                Rack Management
                                            </button>
                                        </h2>
                                        <div id="collapseRackManagement" class="accordion-collapse collapse" aria-labelledby="headingRackManagement"
                                            data-bs-parent="#accordionExampleRackManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($RackManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}" id="{{ $permission->name }}"
                                                                class='permission'>
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleZoneManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingZoneManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseZoneManagement" aria-expanded="true" aria-controls="collapseZoneManagement">
                                                Zone Management
                                            </button>
                                        </h2>
                                        <div id="collapseZoneManagement" class="accordion-collapse collapse" aria-labelledby="headingZoneManagement"
                                            data-bs-parent="#accordionExampleZoneManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($ZoneManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}" id="{{ $permission->name }}"
                                                                class='permission'>
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleUnitsManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingUnitsManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseUnitsManagement" aria-expanded="true" aria-controls="collapseUnitsManagement">
                                                Units Management
                                            </button>
                                        </h2>
                                        <div id="collapseUnitsManagement" class="accordion-collapse collapse" aria-labelledby="headingUnitsManagement"
                                            data-bs-parent="#accordionExampleUnitsManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($UnitsManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}" id="{{ $permission->name }}"
                                                                class='permission'>
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            

                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleCategoryManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingCategoryManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseCategoryManagement" aria-expanded="true" aria-controls="collapseCategoryManagement">
                                                Category Management
                                            </button>
                                        </h2>
                                        <div id="collapseCategoryManagement" class="accordion-collapse collapse" aria-labelledby="headingCategoryManagement"
                                            data-bs-parent="#accordionExampleCategoryManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($CategoryManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleCategorySizeManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingCategorySizeManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseCategorySizeManagement" aria-expanded="true" aria-controls="collapseCategorySizeManagement">
                                                Category Size Management
                                            </button>
                                        </h2>
                                        <div id="collapseCategorySizeManagement" class="accordion-collapse collapse" aria-labelledby="headingCategorySizeManagement"
                                            data-bs-parent="#accordionExampleCategorySizeManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($CategorySizeManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleCategoryGstManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingCategoryGstManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseCategoryGstManagement" aria-expanded="true" aria-controls="collapseCategoryGstManagement">
                                                Category Gst Management
                                            </button>
                                        </h2>
                                        <div id="collapseCategoryGstManagement" class="accordion-collapse collapse" aria-labelledby="headingCategoryGstManagement"
                                            data-bs-parent="#accordionExampleCategoryGstManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($CategoryGstManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleCategoryHsnCodeManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingCategoryHsnCodeManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseCategoryHsnCodeManagement" aria-expanded="true" aria-controls="collapseCategoryHsnCodeManagement">
                                                Category Hsn Code Management
                                            </button>
                                        </h2>
                                        <div id="collapseCategoryHsnCodeManagement" class="accordion-collapse collapse" aria-labelledby="headingCategoryHsnCodeManagement"
                                            data-bs-parent="#accordionExampleCategoryHsnCodeManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($CategoryHsnCodeManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleCategoryAttributesManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingCategoryAttributesManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseCategoryAttributesManagement" aria-expanded="true" aria-controls="collapseCategoryAttributesManagement">
                                                Category Attributes Management
                                            </button>
                                        </h2>
                                        <div id="collapseCategoryAttributesManagement" class="accordion-collapse collapse" aria-labelledby="headingCategoryAttributesManagement"
                                            data-bs-parent="#accordionExampleCategoryAttributesManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($CategoryAttributesManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleProductManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingProductManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseProductManagement" aria-expanded="true" aria-controls="collapseProduct Management">
                                                Product Management
                                            </button>
                                        </h2>
                                        <div id="collapseProductManagement" class="accordion-collapse collapse" aria-labelledby="headingProduct Management"
                                            data-bs-parent="#accordionExampleProductManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($ProductManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExamplePackageType">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingPackageType">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapsePackageType" aria-expanded="true" aria-controls="collapseProduct Management">
                                                Package Type Management
                                            </button>
                                        </h2>
                                        <div id="collapsePackageType" class="accordion-collapse collapse" aria-labelledby="headingProduct Management"
                                            data-bs-parent="#accordionExamplePackageType">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($PackageTypePermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            
                            <div class="col-md-6 col mb-2">
                                <div class="accordion" id="accordionExampleCheckInManagement">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingCheckInManagement">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseCheckInManagement" aria-expanded="true" aria-controls="collapseProduct Management">
                                                Check In Management
                                            </button>
                                        </h2>
                                        <div id="collapseCheckInManagement" class="accordion-collapse collapse" aria-labelledby="headingProduct Management"
                                            data-bs-parent="#accordionExampleCheckInManagement">
                                            <div class="accordion-body">
                                                <div class="row">
                                                    @foreach($CheckInManagementPermissions as $permission)
                                                        <div class="col-md-6 mb-2">
                                                            <input type="checkbox" 
                                                                name="permission[{{ $permission->name }}]"
                                                                value="{{ $permission->name }}"
                                                                class='permission' id="{{ $permission->name }}">
                                                            <label for="{{ $permission->name }}">{{ $permission->web_name }}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary mt-4">Save</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
  </div>   
@endsection
@section('scripts')

@endsection