@extends('layouts.master')
@section('data-sidebar')
    <style>
        /* #product-cl-sec {
            width: 600px;
        } */

        .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">Request Approval <span>Policy</span></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="saveAuthorityPolicy">
                            @csrf
                            <input type="hidden" id="request_approval_authority_id" name="request_approval_authority_id">
                            <div class="container">
                                <div class="row">
                                    <div id="floating-label" class="col-12">
                                        <div class="card p-20 top_border mb-3">
                                            <h2 class="_head03">Request Approval Policy <span>Detail</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="form-s2">
                                                                        <label class="font12">Request Type*</label>
                                                                        <select name="request_type" id="request_type"
                                                                            class="form-control formselect required-policy">
                                                                            <option value="">Select Request Type</option>
                                                                            @foreach ($request_types as $type)
                                                                                <option value="{{$type->id}}">{{$type->title}}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 RegionSelect">
                                                                    <div class="form-s2">
                                                                        <label class="font12">Region*</label>
                                                                        <select name="region_ids[]" id="region_id" class="reports-select required-policy" multiple="multiple">
                                                                            <option value="0" class="region-select">All Regions</option>
                                                                            @foreach ($regions as $region)
                                                                                <option class="region-select" value="{{$region->id}}">{{$region->region_name}}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 AreaSelect">
                                                                    <div class="form-s2">
                                                                        <label class="font12">Area*</label>
                                                                        <select name="area_ids[]" id="area_id" class="reports-select required-policy" multiple="multiple">
                                                                            {{-- <option value="0">All Areas</option>
                                                                            @foreach ($areas as $area)
                                                                                <option value="{{$area->id}}">{{$area->area_name}}</option>
                                                                            @endforeach --}}
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 TerritorySelect">
                                                                    <div class="form-s2">
                                                                        <label class="font12">Territory*</label>
                                                                        <select name="territory_ids[]" id="territory_id" class="reports-select required-policy" multiple="multiple">
                                                                            {{-- <option value="0">All Territorries</option>
                                                                            @foreach ($territories as $territory)
                                                                                <option value="{{$territory->id}}">{{$territory->territory_name}}</option>
                                                                            @endforeach --}}
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <div class="form-s2">
                                                                        <label class="font12">Approval Authority*</label>
                                                                        <select class="reports-select approval_authority_id required-policy" name="approval_authority_id[]" id="approval_authority_id" multiple="multiple">
                                                                            @foreach ($employees_records as $employee)
                                                                                <option value="{{$employee->employee_id}}">{{$employee->employee_name}}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="_cl-bottom">
            <button type="button" id="save-policy" 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">Request Approval Policy <span>Management</span></h2>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
            <ol class="breadcrumb">
                <li><a href="#"><span>Request Approval Policy</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 openSideBarPolicy"><i class="fa fa-plus"></i> New Policy</a>
                    <h2>Approval Policy <span>List</span></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-policy">
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script>
        var all_regions     =   JSON.parse('{!! json_encode($regions) !!}');
        var all_areas       =   JSON.parse('{!! json_encode($areas) !!}');
        var all_territories =   JSON.parse('{!! json_encode($territories) !!}');
        var all_emp_records =   JSON.parse('{!! json_encode($employees_records) !!}');
    </script>
    <script>
        (function($) {
            $(function() {
                window.fs_test = $('.reports-select').fSelect();
            });
        })(jQuery);
    </script>
    <script src="/modules/workflow/js/request-policy.js"></script>
@endpush