@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>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>Excell report access</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="141" name="permissions[]" class="permission">
                                        excell report 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>City</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="91" name="permissions[]" class="permission">
                                        City create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="92" name="permissions[]" class="permission">
                                        City edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="93" name="permissions[]" class="permission">
                                        City delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="94" name="permissions[]" class="permission">
                                        City 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="115" name="permissions[]" class="permission">
                                        Access All Order Assign
                                    </label>
                                </div>
                            </div>
                            <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="89" name="permissions[]" class="permission">
                                        Order Discount
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="90" name="permissions[]" class="permission">
                                        Order Commission Agent
                                    </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="52" name="permissions[]" class="permission">
                                        Order delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="87" name="permissions[]" class="permission">
                                        Order Cancel
                                    </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="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="103" name="permissions[]" class="permission">
                                        Waybill Edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="104" name="permissions[]" class="permission">
                                        Add Payment
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="105" name="permissions[]" class="permission">
                                        Edit Payment
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="106" name="permissions[]" class="permission">
                                        Delete Payment
                                    </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 class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="116" name="permissions[]" class="permission">
                                        Delivery status access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="119" name="permissions[]" class="permission">
                                        Quick Barcode For Delivery access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="143" name="permissions[]" class="permission">
                                        Edit Date Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="147" name="permissions[]" class="permission">
                                        Check For Packet Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="148" name="permissions[]" class="permission">
                                        Sales users in Resell order
                                    </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>
                    <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="88" name="permissions[]" class="permission">
                                        Agent 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="107" name="permissions[]" class="permission">
                                        Sale Updated Report
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="118" name="permissions[]" class="permission">
                                        Product Sale Report
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="146" name="permissions[]" class="permission">
                                        Packet Count 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>
                    </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">
                                <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>Reseller</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">
                                        Reseller Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="96" name="permissions[]" class="permission">
                                        Reseller Dashboard
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="97" name="permissions[]" class="permission">
                                        List Target
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="98" name="permissions[]" class="permission">
                                        Create Target
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="99" name="permissions[]" class="permission">
                                        Edit Target
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="100" name="permissions[]" class="permission">
                                        View Target
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="101" name="permissions[]" class="permission">
                                        Delete Target
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="102" name="permissions[]" class="permission">
                                        Access All Target Assign
                                    </label>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Reseller User Payment</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="108" name="permissions[]" class="permission">
                                        User Payment Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="109" name="permissions[]" class="permission">
                                        User Payment Create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="110" name="permissions[]" class="permission">
                                        User Payment Edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="111" name="permissions[]" class="permission">
                                        User Payment View
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="112" name="permissions[]" class="permission">
                                        User Payment Delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="113" name="permissions[]" class="permission">
                                        User Payment Cancel
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="114" name="permissions[]" class="permission">
                                        User Payment Download Invoice
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="117" name="permissions[]" class="permission">
                                        User Due Payment Access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Reselling unit access</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="140" name="permissions[]" class="permission">
                                        Reselling unit access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>New Reseller</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="120" name="permissions[]" class="permission">
                                        New Reseller Dashboard Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="121" name="permissions[]" class="permission">
                                        New Reseller Create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="122" name="permissions[]" class="permission">
                                        New Reseller Edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="123" name="permissions[]" class="permission">
                                        New Reseller delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="124" name="permissions[]" class="permission">
                                        New Reseller View
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="131" name="permissions[]" class="permission">
                                        New Reseller Payment Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="133" name="permissions[]" class="permission">
                                        Sub User create access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>Sub 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="125" name="permissions[]" class="permission">
                                        Sub User Create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="126" name="permissions[]" class="permission">
                                        Sub User Edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="127" name="permissions[]" class="permission">
                                        Sub User Delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="128" name="permissions[]" class="permission">
                                        Sub User View
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="129" name="permissions[]" class="permission">
                                        Sub User Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="130" name="permissions[]" class="permission">
                                        Sub User Payment Access
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="132" name="permissions[]" class="permission">
                                        New reseller/Sub User Add Order
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row check_group">
                        <div class="col-md-3">
                            <h4>New Direct Resellers</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="134" name="permissions[]" class="permission">
                                        New Direct Reseller Create
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="135" name="permissions[]" class="permission">
                                        New Direct Reseller Edit
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="136" name="permissions[]" class="permission">
                                        New Direct Reseller Delete
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="137" name="permissions[]" class="permission">
                                        New Direct Reseller View
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="138" name="permissions[]" class="permission">
                                        New Direct Reseller Acceess
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="select_all">
                                    <label>
                                        <input type="checkbox" value="139" name="permissions[]" class="permission">
                                        New Direct Reseller Payment Access
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
        <hr>
        <div class="form-group text-right">
            <button class="btn btn-primary" type="submit">
                Save
            </button>
        </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