@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/edit_role/@encrypt($role->id)">
                    @csrf


                    <!--AFFILITATE INFO-->

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

                    <div class="row">

                        <div class="col-lg-3">
                            <div class="form-group">
                                <label for="formrow-inputState">Management Type</label>
                                <select id="formrow-inputState" class="form-control" name="management_type" required="">
                                    <option>Choose</option>
                                    <option selected value="Telco">Telco</option>
                                </select>

                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="form-group">
                                <label for="formrow-inputState">Management Parent Name</label>
                                <select id="formrow-inputState" class="form-control" name="management_parent"
                                    required="">
                                    <option>Choose</option>
                                    <option selected value="Tigo">Tigo</option>
                                </select>

                            </div>
                        </div>


                    </div>


                    <!--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>
                                <input type="text" class="form-control" value="{{$role->name}}"
                                    id="formrow-firstname-input" name="role">
                            </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[]"
                                                    @if($role->hasPermissionTo('users.create'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('users.view'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('users.edit'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('users.delete'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('shop.create'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('shop.view'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('shop.edit'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('shop.delete'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('manufacture.create'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('manufacture.view'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('manufacture.edit'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('manufacture.delete'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('devices.create'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('devices.view'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('devices.edit'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('devices.delete'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('customer.create'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('customer.view'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('customer.edit'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('customer.delete'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('config.create'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('config.view'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('config.edit'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('config.delete'))
                                                checked=""
                                                @endif
                                                />
                                                <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[]"
                                                    @if($role->hasPermissionTo('transaction.view'))
                                                checked=""
                                                @endif
                                                />
                                                <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>

                    <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[]"
                                                    @if($role->hasPermissionTo('audit.view'))
                                                checked=""
                                                @endif
                                                />
                                                <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>






                    <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