@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="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">Employees <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="employee_id" id="employee_id" class="form-control formselect">
                                                            @foreach ($employees as $emp)
                                                            <option value="{{ $emp->employee_id }}">{{ $emp->employee_username }}</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">App Access <span>Rights List</span></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 ($screens as $key => $screen)
                                                                <div class="col-md-6">
                                                                    <div class="custom-control custom-checkbox mr-sm-2">
                                                                        <input type="radio" name="appright" heading="{{ $screen }}"  class="custom-control-input apprights-{{$key}} access_rights_emp" value="{{$key}}" id="select-all-{{$key}}">
                                                                        <label class="custom-control-label" for="select-all-{{$key}}">{{ $screen }}</label>
                                                                    </div>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </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">App <span>Rights</span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-wrap p-0">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="incentive_rights" heading="Sales Incentive"  class="custom-control-input incentive_rights" value="1" id="incentive_rights">
                                                                    <label class="custom-control-label" for="incentive_rights">Sales Incentive</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="apply_retail_tax" heading="Apply Tax"  class="custom-control-input apply_retail_tax" value="1" id="apply_retail_tax">
                                                                    <label class="custom-control-label" for="apply_retail_tax">Apply Tax</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="attendence_restriction" heading="Apply Tax"  class="custom-control-input attendence_restriction" value="1" id="attendence_restriction">
                                                                    <label class="custom-control-label" for="attendence_restriction">Attendance Restriction</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row order-booker-section" id="order-booker-section" style="display: none">
                                <div id="floating-label" class="col-12">
                                    <div class="card p-20 top_border mb-3">
                                        <h2 class="_head03">Credit Order <span>Rights</span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-wrap p-0">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="is_credit_order" heading="Credit Order"  class="custom-control-input is-credit-order" value="1" id="is-credit-order">
                                                                    <label class="custom-control-label" for="is-credit-order">Credit Order</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12" style="padding-left: 10%;display: none" id="discount-applied-section">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="is_discount_applied" heading="Discount Applied"  class="custom-control-input is-discount-applied" value="1" id="is-discount-applied">
                                                                    <label class="custom-control-label" for="is-discount-applied">Discount Applied</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="exclusive_order" heading="Allow Multi Exclusive Orders"  class="custom-control-input exclusive_order" value="1" id="exclusive_order">
                                                                    <label class="custom-control-label" for="exclusive_order">Allow Multi Exclusive Orders</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row order-booker-section" id="order-booker-section" style="display: none">
                                <div id="floating-label" class="col-12">
                                    <div class="card p-20 top_border mb-3">
                                        <h2 class="_head03">Update Retialer <span>Rights</span></h2>
                                        <div class="form-wrap p-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-wrap p-0">
                                                        <div class="row">
{{--                                                            <div class="col-md-6">--}}
{{--                                                                <div class="custom-control custom-checkbox mr-sm-2">--}}
{{--                                                                    <input type="checkbox" name="retailer_update" heading="All"  class="custom-control-input retailer_update" value="1" id="retailer_update">--}}
{{--                                                                    <label class="custom-control-label" for="retailer_update">All</label>--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}
                                                            <div class="col-md-6">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="retailer_update_general" heading="General Information"  class="custom-control-input retailer_update_general" value="1" id="retailer_update_general">
                                                                    <label class="custom-control-label" for="retailer_update_general">General Information</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="retailer_update_channel" heading="Segment & Channel"  class="custom-control-input retailer_update_channel" value="1" id="retailer_update_channel">
                                                                    <label class="custom-control-label" for="retailer_update_channel">Segment & Channel</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="retailer_update_loc" heading="Retail Location"  class="custom-control-input retailer_update_loc" value="1" id="retailer_update_loc">
                                                                    <label class="custom-control-label" for="retailer_update_loc">Retail Location</label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="custom-control custom-checkbox mr-sm-2">
                                                                    <input type="checkbox" name="retailer_visit_posm" heading="POSM Visit"  class="custom-control-input retailer_visit_posm" value="1" id="retailer_visit_posm">
                                                                    <label class="custom-control-label" for="retailer_visit_posm">POSM Visit</label>
                                                                </div>
                                                            </div>
                                                        </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">Rights <span>Management</span></h2>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Access 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 Access
                    Rights</a>
                <h2>Access 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