@extends('layouts.master')
@section('data-sidebar')

<style>
    #product-cl-sec {
        width: 800px;
    }

    .AccRights h3 {
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .AccRights h3 .custom-control-label {
        font-size: 16px;
    }

    .se_cus-type {
        background-color: #f6f6f6;
        border: solid 1px #eaeaea;
        padding: 5px 15px 10px 15px;
    }

    .se_cus-type h3 {
        margin-top: 10px;
        margin-bottom: 0;
        border: none
    }

    .selectall {
        position: absolute;
        right: 0;
        top: -8px;
        line-height: 1.7;
        z-index: 2
    }

</style>

<div id="product-cl-sec">
    <a href="#" id="pl-close" class="close-btn-pl"></a>
    <div class="pro-header-text">Rights <span>Management</span></div>

    <div class="loader-sell360 dataSidebarLoader" style="display: none; height:80vh">
  <div class="loader"> <span class="box-icon"></span> <span class="box-icon"></span>
    <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
    <span class="txt"><span></span> LOADING...</span> </div>
</div>

 

    <div class="pc-cartlist">
        <div class="overflow-plist">
            <div class="plist-content">
                <div class="_left-filter pt-0 AccRights">
                    {{-- <form style="width: 100%" id="saveRightsForm">
                        @csrf --}}
                        <input type="text" id="operation" hidden>
                        <!-- <div class="se_cus-type">
                            <div class="row">
                                <div class="col-12">
                                    <h3>Assign By Role</h3>
                                </div>
                                <div class="col-md-4">
                                    <div class="custom-control custom-checkbox mr-sm-2">
                                        <input type="checkbox" name="rights[]"
                                            class="custom-control-input rights_by_role" value=""
                                            id="br-002">
                                        <label class="custom-control-label" for="br-002">Option 1</label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="custom-control custom-checkbox mr-sm-2">
                                        <input type="checkbox" name="rights[]"
                                            class="custom-control-input rights_by_role" value=""
                                            id="br-003">
                                        <label class="custom-control-label" for="br-003">Option 2</label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="custom-control custom-checkbox mr-sm-2">
                                        <input type="checkbox" name="rights[]"
                                            class="custom-control-input rights_by_role" value=""
                                            id="br-004">
                                        <label class="custom-control-label" for="br-004">Option 2</label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="custom-control custom-checkbox mr-sm-2">
                                        <input type="checkbox" name="rights[]"
                                            class="custom-control-input rights_by_role" value=""
                                            id="br-005">
                                        <label class="custom-control-label" for="br-005">Option 2</label>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                        <div class="container">
                            <div class="row" id="employeesRow">
                                <div class="col-12">
                                    <div id="floating-label" class="card p-20 top_border mb-3" style="width: 100%;">
                                        <h2 class="_head03">Distributors <span>List</span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-s2 pt-19">
                                                        <select name="distributor_id" id="distributor_id" class="form-control formselect">
                                                            @foreach ($distributors as $dist)
                                                            <option value="{{ $dist->id }}">{{ $dist->distributor_name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div id="floating-label" class="col-12">
                                    <div class="card p-20 top_border mb-3">
                                        <h2 class="_head03">Access <span>Rights List</span>
                                            <div class="custom-control custom-checkbox mr-sm-2 selectall">
                                                <input type="checkbox" name="rights[]"
                                                    class="custom-control-input all_rights"
                                                    value="" id="br-001">
                                                <label class="custom-control-label" for="br-001">Select All</label>
                                            </div>
                                        </h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-wrap p-0">
                                                        <div class="row">

                                                            @foreach ($controllers as $count => $heading)
                                                                <div class="col-12 {{ $count == 0 ? 'position-relative' : ''}}">
                                                                    <h3 class="{{ $count == 0 ? 'mt-10' : ''}}">
                                                                        <div>
                                                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                                                <input type="checkbox" name="rights[]" heading="{{ $heading['heading'] }}"
                                                                                class="custom-control-input access_rights_headings" value="" id="select-all-{{$count}}">
                                                                                <label class="custom-control-label" for="select-all-{{$count}}">{{ $heading['heading'] }}</label>
                                                                            </div>
                                                                        </div>
                                                                    </h3>
                                                                </div>
                                                                @foreach ($heading["sub_mod"] as $key => $rights)
                                                                    @if($rights->attribute_value != '')
                                                                        <div class="col-md-6">
                                                                            <div class="custom-control custom-checkbox mr-sm-2">
                                                                                <input type="checkbox" value="{{ $rights->attribute_value }}" name="rights[]" heading="{{ $heading['heading'] }}" class="custom-control-input access_rights_emp"  value="register" id="{{$rights->attribute_label.$key}}">
                                                                                <label class="custom-control-label" for="{{$rights->attribute_label.$key}}">{{ $rights->attribute_label }}</label>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                @endforeach
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {{-- </form> --}}
                </div>
            </div>
        </div>
    </div>
    <div class="_cl-bottom">
        <button type="button" id="saveRights" class="btn btn-primary mr-2">Save</button>
        <button id="pl-close" type="button" class="btn btn-cancel mr-2">Cancel</button>
    </div>
</div>


@endsection
@section('content')
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Distributor Rights <span>Management</span></h2>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Distributor Rights</span></a></li>
            <li><span>Active</span></li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="header">
                <a class="btn add_button openDataSidebarForAddingAccessRights"><i class="fa fa-plus"></i> New
                    Rights</a>
                <h2>Distributor Rights List</h2>
            </div>

            <div class="loader-sell360" id="tblLoader">
            <div class="loader"> <span class="box-icon"></span> <span class="box-icon"></span>
            <div class="loader-img"> <img src="/images/sell-360-logo.svg" alt=""> </div>
            <span class="txt"><span></span> LOADING...</span> </div>          

            </div>

            <div class="body body_accessrights" style="display: none">
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
    <script src="/js/custom/distributor_rights.js?v=5.0"></script>
@endpush