@extends('mainlayout.layout')


@section('title')
@endsection

@push('css')

@endpush


@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Add Role</h4>
        </div>
    </div>
</div>
<!-- end page title -->



<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <form method="POST" action="/roles/add_role">
                    @csrf


                    <!--AFFILITATE INFO-->

                    <!-- <h4 class="card-title mb-2 text-uppercase" style="background-color:#f8f8fb;padding:0.5em 0.25em;">
                        Management </h4> -->


                    <!--  <management-level userid="{{getCurrentUserId()}}"></management-level> -->

                    <!--role DETAILS -->
                    <h4 class="card-title mt-4 mb-2 text-uppercase"
                        style="background-color:#f8f8fb;padding:0.5em 0.25em;">role Details</h4>
                    <div class="row">

                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="formrow-inputState">Role Name</label>
                                <select class="form-control" name="role" required="">

                                </select>
                            </div>
                        </div>

                    </div>

                    <!--CONTACT INFO-->


                    <h4 class="card-title mt-4 mb-2 text-uppercase"
                        style="background-color:#f8f8fb;padding:0.5em 0.25em;">Permissions</h4>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h5 for="formrow-inputState">Users</h5>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="users.create" name="user_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Create
                                                </label>
                                            </div>

                                            <!--   <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input"  value="users.create" name="cancreate_users">
                                            <label class="custom-control-label" >Create</label>
                                        </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="users.view" name="user_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    View
                                                </label>
                                            </div>

                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="users.view"
                                                    name="canview_users">
                                                <label class="custom-control-label">View</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">


                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="users.edit" name="user_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Update
                                                </label>
                                            </div>
                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="users.edit"
                                                    name="canedit_users">
                                                <label class="custom-control-label">Update</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">


                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="users.delete" name="user_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Delete
                                                </label>
                                            </div>


                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="users.delete"
                                                    name="candelete_users">
                                                <label class="custom-control-label">Delete</label>
                                            </div> -->


                                        </div>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>





                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h5 for="formrow-inputState">Shops</h5>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">


                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="shop.create" name="shop_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Create
                                                </label>
                                            </div>

                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="shop.create"
                                                    name="cancreate_shop">
                                                <label class="custom-control-label">Create</label>
                                            </div> -->



                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="shop.view" name="shop_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    View
                                                </label>
                                            </div>

                                            <!--   <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="shop.view"
                                                    name="canview_shop">
                                                <label class="custom-control-label">View</label>
                                            </div>  -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="shop.edit" name="shop_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Update
                                                </label>
                                            </div>

                                            <!--   <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="shop.edit"
                                                    name="canedit_shop">
                                                <label class="custom-control-label">Update</label>
                                            </div>  -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="shop.delete" name="shop_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Delete
                                                </label>
                                            </div>

                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="shop.delete"
                                                    name="candelete_shop">
                                                <label class="custom-control-label">Delete</label>
                                            </div> -->



                                        </div>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h5 for="formrow-inputState">Manufacturer</h5>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="manufacture.create" name="manufacture_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Create
                                                </label>
                                            </div>

                                            <!--  <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="manufacture.create" name="cancreate_manufacture">
                                                <label class="custom-control-label">Create</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">


                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="manufacture.view" name="manufacture_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    View
                                                </label>
                                            </div>


                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="manufacture.view" name="canview_manufacture">
                                                <label class="custom-control-label">View</label>
                                            </div> -->



                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">


                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="manufacture.edit" name="manufacture_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Update
                                                </label>
                                            </div>


                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="manufacture.edit" name="canedit_manufacture">
                                                <label class="custom-control-label">Update</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="manufacture.delete" name="manufacture_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Delete
                                                </label>
                                            </div>

                                            <!--<div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="manufacture.delete" name="candelete_manufacture">
                                                <label class="custom-control-label">Delete</label>
                                            </div> -->


                                        </div>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h5 for="formrow-inputState">Devices</h5>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="devices.create" name="devices_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Create
                                                </label>
                                            </div>

                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="device.create" name="cancreate_device">
                                                <label class="custom-control-label">Create</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="devices.view" name="devices_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    View
                                                </label>
                                            </div>

                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="device.view"
                                                    name="canview_device">
                                                <label class="custom-control-label">View</label>
                                            </div> -->
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="devices.edit" name="devices_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Update
                                                </label>
                                            </div>


                                            <!--<div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" value="device.edit"
                                                    name="canedit_device">
                                                <label class="custom-control-label">Update</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="devices.delete" name="devices_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Delete
                                                </label>
                                            </div>


                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="device.delete" name="candelete_device">
                                                <label class="custom-control-label">Delete</label>
                                            </div> -->



                                        </div>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h5 for="formrow-inputState">Customers</h5>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="customer.create" name="customer_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Create
                                                </label>
                                            </div>


                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="customer.create" name="cancreate_customer">
                                                <label class="custom-control-label">Create</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">


                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="customer.view" name="customer_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    View
                                                </label>
                                            </div>
                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="customer.view" name="cancreate_view">
                                                <label class="custom-control-label">View</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">


                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="customer.edit" name="customer_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Update
                                                </label>
                                            </div>

                                            <!--<div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="customer.edit" name="canedit_customer">
                                                <label class="custom-control-label">Update</label>
                                            </div>  -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="customer.delete" name="customer_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Delete
                                                </label>
                                            </div>

                                            <!--  <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="customer.delete" name="candelete_customer">
                                                <label class="custom-control-label">Delete</label>
                                            </div> -->
                                        </div>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h5 for="formrow-inputState">Configuration</h5>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="config.create" name="config_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Create
                                                </label>
                                            </div>

                                            <!--  <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="configuration.create" name="cancreate_configuration">
                                                <label class="custom-control-label">Create</label>
                                            </div> -->
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="config.view" name="config_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    View
                                                </label>
                                            </div>

                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="configuration.view" name="canview_configuration">
                                                <label class="custom-control-label">View</label>
                                            </div> -->


                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="config.edit" name="config_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Update
                                                </label>
                                            </div>
                                            <!--   <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="configuration.edit" name="canedit_configuration">
                                                <label class="custom-control-label">Update</label>
                                            </div> -->
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="config.delete" name="config_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    Delete
                                                </label>
                                            </div>
                                            <!--     <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="configuration.delete" name="candelete_configuration">
                                                <label class="custom-control-label">Delete</label>
                                            </div> -->

                                        </div>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h5 for="formrow-inputState">Transactions</h5>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="transaction.view" name="transaction_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    View
                                                </label>
                                            </div>
                                            <!-- <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="transaction.view" name="canview_transaction">
                                                <label class="custom-control-label">View</label>
                                            </div> -->
                                        </div>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>

                    @hasanyrole('superadmin')
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h5 for="formrow-inputState">Audit Trail</h5>
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="flexCheckDefault"
                                                    value="audit.view" name="audit_permissions[]" />
                                                <label class="form-check-label" for="flexCheckDefault">
                                                    View
                                                </label>
                                            </div>
                                            <!--<div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input"
                                                    value="audittrail.view" name="canview_audittrail">
                                                <label class="custom-control-label">View</label>
                                            </div> -->
                                        </div>
                                    </div>

                                </div>



                            </div>
                        </div>

                    </div>
                    @endhasanyrole






                    <div class="row">
                        <div class="col-lg-3">
                            <button type="submit" class="mt-4 btn btn_blck w-md" style="width:100%;">Add role</button>
                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div>
</div>


@endsection



@push('scripts')

<!-- twitter-bootstrap-wizard js -->


<script src="{{ asset('/web/assets/libs/select2/js/select2.min.js')}}"></script>
<script src="{{ asset('/web/assets/js/pages/form-advanced.init.js')}}"></script>



@endpush