@extends('layouts.master')

@section('page_title', 'Role Details')
@section('title', 'Role Create')
@section('main_item', 'Role')
@section('sub_item', 'Role Create')

@section('content')
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                Create Role
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('roles.store') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="required" for="name">Title</label>
                                <input class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" type="text"
                                    name="name" id="name" value="{{ old('name', '') }}" required>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Roles</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="2" name="permissions[]" class="permission">
                                        role create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="3" name="permissions[]" class="permission">
                                        role edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="4" name="permissions[]" class="permission">
                                        role show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="5" name="permissions[]" class="permission">
                                        role delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="6" name="permissions[]" class="permission">
                                        role access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>User</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="1" name="permissions[]" class="permission">
                                        user management access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="7" name="permissions[]" class="permission">
                                        user create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="8" name="permissions[]" class="permission">
                                        user edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="9" name="permissions[]" class="permission">
                                        user show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="10" name="permissions[]" class="permission">
                                        user delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="11" name="permissions[]" class="permission">
                                        user access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    {{-- <div class="row check_group">
                        <div class="col-md-3">
                            <h4>User Access only</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">
                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="127" name="permissions[]" class="permission">
                                        user access only
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr> --}}
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Customer</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="12" name="permissions[]" class="permission">
                                        customer create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="13" name="permissions[]" class="permission">
                                        customer edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="14" name="permissions[]" class="permission">
                                        customer show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="15" name="permissions[]" class="permission">
                                        customer delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="16" name="permissions[]" class="permission">
                                        customer access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Supplier</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="17" name="permissions[]" class="permission">
                                        Suplier create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="18" name="permissions[]" class="permission">
                                        Suplier edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="19" name="permissions[]" class="permission">
                                        Suplier show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="20" name="permissions[]" class="permission">
                                        Suplier delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="21" name="permissions[]" class="permission">
                                        Suplier access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Attribute</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="22" name="permissions[]" class="permission">
                                        Attribute create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="23" name="permissions[]" class="permission">
                                        Attribute edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="24" name="permissions[]" class="permission">
                                        Attribute show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="25" name="permissions[]" class="permission">
                                        Attribute delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="26" name="permissions[]" class="permission">
                                        Attribute access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Category</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="27" name="permissions[]" class="permission">
                                        Category create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="28" name="permissions[]" class="permission">
                                        Category edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="29" name="permissions[]" class="permission">
                                        Category show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="30" name="permissions[]" class="permission">
                                        Category delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="31" name="permissions[]" class="permission">
                                        Category access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Unit</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="32" name="permissions[]" class="permission">
                                        Unit create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="33" name="permissions[]" class="permission">
                                        Unit edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="34" name="permissions[]" class="permission">
                                        Unit show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="35" name="permissions[]" class="permission">
                                        Unit delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="36" name="permissions[]" class="permission">
                                        Unit access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Product</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="37" name="permissions[]" class="permission">
                                        Product create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="38" name="permissions[]" class="permission">
                                        Product edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="39" name="permissions[]" class="permission">
                                        Product show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="40" name="permissions[]" class="permission">
                                        Product delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="41" name="permissions[]" class="permission">
                                        Product access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Courier</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="42" name="permissions[]" class="permission">
                                        Courier create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="43" name="permissions[]" class="permission">
                                        Courier edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="44" name="permissions[]" class="permission">
                                        Courier show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="45" name="permissions[]" class="permission">
                                        Courier delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="46" name="permissions[]" class="permission">
                                        Courier access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="47" name="permissions[]" class="permission">
                                        Receive Courier Payment
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="48" name="permissions[]" class="permission">
                                        Courier Payment
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Order</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="49" name="permissions[]" class="permission">
                                        Order create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="50" name="permissions[]" class="permission">
                                        Order edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="51" name="permissions[]" class="permission">
                                        Order show
                                    </label>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="87" name="permissions[]" class="permission">
                                        Access Order assign
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="88" name="permissions[]" class="permission">
                                        Access Order Multiple Delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="89" name="permissions[]" class="permission">
                                        Access Order Bulk Edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="90" name="permissions[]" class="permission">
                                        Bulk Waybill Print
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="91" name="permissions[]" class="permission">
                                        Duplicate alert table
                                    </label>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="52" name="permissions[]" class="permission">
                                        Order delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="53" name="permissions[]" class="permission">
                                        Order access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="54" name="permissions[]" class="permission">
                                        Call List
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="54" name="permissions[]" class="permission">
                                        Call List
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="55" name="permissions[]" class="permission">
                                        Delivery Return
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="56" name="permissions[]" class="permission">
                                        Waybill Print
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="57" name="permissions[]" class="permission">
                                        Packing Batch
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="58" name="permissions[]" class="permission">
                                        Customer Feedback
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Purchase</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="59" name="permissions[]" class="permission">
                                        Purchase create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="60" name="permissions[]" class="permission">
                                        purchase edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="61" name="permissions[]" class="permission">
                                        purchase show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="62" name="permissions[]" class="permission">
                                        purchase delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="63" name="permissions[]" class="permission">
                                        purchase access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="64" name="permissions[]" class="permission">
                                        purchase Payment
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="65" name="permissions[]" class="permission">
                                        purchase return
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Purchase Order</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="112" name="permissions[]" class="permission">
                                        purchase Order Access
                                    </label>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="113" name="permissions[]"
                                            class="permission">
                                        Purchase Order create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="114" name="permissions[]"
                                            class="permission">
                                        Purchase Order edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="115" name="permissions[]"
                                            class="permission">
                                        Delete purchase Order
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="116" name="permissions[]"
                                            class="permission">
                                        View Purchase order
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="117" name="permissions[]"
                                            class="permission">
                                        View payment
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="118" name="permissions[]"
                                            class="permission">
                                        Create Payment
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="119" name="permissions[]"
                                            class="permission">
                                        Edit Payment
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="120" name="permissions[]"
                                            class="permission">
                                        Delete Payment
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Account</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="66" name="permissions[]" class="permission">
                                        Account create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="67" name="permissions[]" class="permission">
                                        Account edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="68" name="permissions[]" class="permission">
                                        Account show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="69" name="permissions[]" class="permission">
                                        Account delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="70" name="permissions[]" class="permission">
                                        Account access
                                    </label>
                                </div>
                            </div>

                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Expense</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="71" name="permissions[]" class="permission">
                                        Expense create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="72" name="permissions[]" class="permission">
                                        Expense edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="73" name="permissions[]" class="permission">
                                        Expense show
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="74" name="permissions[]" class="permission">
                                        Expense delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="75" name="permissions[]" class="permission">
                                        Expense access
                                    </label>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="76" name="permissions[]" class="permission">
                                        Expense Category
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="77" name="permissions[]" class="permission">
                                        Expense Payment
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Reports</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="78" name="permissions[]" class="permission">
                                        Province Wise Sales Report
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="79" name="permissions[]" class="permission">
                                        Profit & Loss Report
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="80" name="permissions[]" class="permission">
                                        Summery Report
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="81" name="permissions[]" class="permission">
                                        Stock Report
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="82" name="permissions[]" class="permission">
                                        Trending Product
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="86" name="permissions[]" class="permission">
                                        Activity Log Report
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="83" name="permissions[]" class="permission">
                                        Report Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="106" name="permissions[]" class="permission">
                                        Order Chart Report
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="107" name="permissions[]" class="permission">
                                        User Confimed Orders Chart
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="108" name="permissions[]" class="permission">
                                        User Delivered Orders Chart
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="109" name="permissions[]" class="permission">
                                        User Canceled Orders Chart
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="110" name="permissions[]" class="permission">
                                        User Returned Orders Chart
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="111" name="permissions[]" class="permission">
                                        Top Selling Users
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Setting</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">

                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="84" name="permissions[]" class="permission">
                                        Settings
                                    </label>
                                </div>
                            </div>
                            {{-- <div class="col-md-12" hidden>
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="85" name="permissions[]" class="permission">
                                        Dashboard
                                    </label>
                                </div>
                            </div> --}}
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Business Location</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">
                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="92" name="permissions[]" class="permission">
                                        Business Location Delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="93" name="permissions[]" class="permission">
                                        Business Location Edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="94" name="permissions[]" class="permission">
                                        Business Location Access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Order Campaign</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">
                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="95" name="permissions[]" class="permission">
                                        Order Campaign Delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="96" name="permissions[]" class="permission">
                                        Order Campaign Edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="97" name="permissions[]" class="permission">
                                        Order Campaign Access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Order Campaign marketing</h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">
                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="121" name="permissions[]" class="permission">
                                        Marketing Cost Access 
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="122" name="permissions[]" class="permission">
                                        Marketing Cost create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="123" name="permissions[]" class="permission">
                                        Marketing Cost edit 
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="124" name="permissions[]" class="permission">
                                        Marketing Cost Delete 
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="125" name="permissions[]" class="permission">
                                        View Marketing Cost 
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="126" name="permissions[]" class="permission">
                                        View Marketing Cost chart 
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Dashboard </h4>
                        </div>
                        <div class="col-md-2">
                            <div class="select_all">
                                <label>
                                    <input type="checkbox" class="check_all permission">
                                    Select All
                                </label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="85" name="permissions[]" class="permission">
                                        Dashboard Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="98" name="permissions[]" class="permission">
                                        Quick Report Of Order Payment
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="99" name="permissions[]" class="permission">
                                        Quick Report Of Status
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="100" name="permissions[]" class="permission">
                                        Top Selling Items
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="101" name="permissions[]" class="permission">
                                        Daily Sales Chart
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="102" name="permissions[]" class="permission">
                                        Low Stock Items
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="103" name="permissions[]" class="permission">
                                        Financial Year Sales Chart
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="104" name="permissions[]" class="permission">
                                        Sales Details
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="105" name="permissions[]" class="permission">
                                        New Order
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            <hr>
        </div>
    </div>
    <hr>
    <div class="col-md-12 text-right">
        <div class="form-group">
            <button class="btn btn-primary" type="submit">
                Save
            </button>
        </div>
    </div>
    </form>
    </div>
    </div>
    </div>

@endsection
@section('scripts')
    <script>
        $(document).on('click', '.check_all', function() {

            $(this)
                .closest('.check_group')
                .find('.permission')
                .each(function() {

                    $(this).attr('checked', true);

                });
            $(this).removeClass('check_all').addClass('uncheck_all');
        });


        $(document).on('click', '.uncheck_all', function() {
            $(this)
                .closest('.check_group')
                .find('.permission')
                .each(function() {
                    $(this).attr('checked', false);
                });
            $(this).removeClass('uncheck_all').addClass('check_all');
        });
    </script>
@endsection