@extends('admin.layout.app')
@section('title',' User Privilege')
@push('headerscript')
    <style>
        .form-check-input {
            margin: 4px 5px !important;
        }
    </style>
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class=" col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title"> User Privilege </h4>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1">
                    <div class="card-box">
                        <div class="row">
                            <div class="col-sm-12">
                                {!! Form::open(['route'=>array('user-privilege.store'), 'onsubmit'=>'BtnSubmit.disabled = true','method' => 'post']) !!}
                                <div class=" form-group col-xs-12">
                                    <label for="asset_category">User<span
                                            class="text-danger">*</span></label>
                                    {!! Form::select("user_id", [''=>'Select User']+$users, old("user_id"), ['class'=>'form-control' ,'id' => 'user_id','required'=>'required']  ) !!}
                                </div>
                                <div class=" col-xs-6  ">
                                    <input type="checkbox" id="master" class="form-check-input" name="master"
                                           value="yes">
                                    <label for="master" class="form-check-label"><h4> Masters</h4></label>
                                </div>
                                <div class="col-xs-6">
                                    <input type="checkbox" id="rentMaster" class="form-check-input"
                                           name="rentMaster"
                                           value="yes">
                                    <label for="rentMaster" class="form-check-label"><h4>Rental Operations</h4></label>
                                </div>
                                <div class=" col-xs-6  ">
                                    <input type="checkbox" id="purchases" class="form-check-input" name="purchase"
                                           value="yes">
                                    <label for="purchases" class="form-check-label"><h4>Purchase</h4></label>
                                </div>
                                <div class="col-xs-6">
                                    <input type="checkbox" id="sales" class="form-check-input" name="sales"
                                           value="yes">
                                    <label for="sales" class="form-check-label"><h4>Retail Operations</h4></label>
                                </div>
                                <div class=" col-xs-6  ">
                                    <input type="checkbox" id="adviser" class="form-check-input" name="advisor"
                                           value="yes">
                                    <label for="adviser" class="form-check-label"><h4>Workshop Operations</h4></label>
                                </div>
                                <div class="col-xs-6">
                                    <input type="checkbox" id="assets" class="form-check-input" name="asset"
                                           value="yes">
                                    <label for="assets" class="form-check-label"><h4>Assets</h4></label>
                                </div>
                                <div class=" col-xs-6  ">
                                    <input type="checkbox" id="accounts" class="form-check-input" name="account"
                                           value="yes">
                                    <label for="accounts" class="form-check-label"><h4>Accounting</h4></label>
                                </div>
                                <div class="col-xs-6">
                                    <input type="checkbox" id="hrms" class="form-check-input" name="hrms"
                                           value="yes">
                                    <label for="hrms" class="form-check-label"><h4>HRMS</h4></label>
                                </div>
                                <div class=" col-xs-6  ">
                                    <input type="checkbox" id="dashboard" class="form-check-input" name="dashboard"
                                           value="yes">
                                    <label for="dashboard" class="form-check-label"><h4>Dashboard</h4></label>
                                </div>
                                <div class="col-xs-6">
                                    <input type="checkbox" id="inventory" class="form-check-input" name="inventory"
                                           value="yes">
                                    <label for="inventory" class="form-check-label"><h4>Inventory</h4></label>
                                </div>
                                <div class=" col-xs-6  ">
                                    <input type="checkbox" id="reports" class="form-check-input" name="reports"
                                           value="yes">
                                    <label for="reports" class="form-check-label"><h4>Reports</h4></label>
                                </div>
                                <div class=" col-xs-6">
                                    <input type="checkbox" id="accounts" class="form-check-input" name="approval"
                                           value="yes">
                                    <label for="approval" class="form-check-label"><h4>Approval</h4></label>
                                </div>
                                <div class="form-group text-center m-t-10">
                                    <div class=" col-xs-12 m-t-20">
                                        <button type="submit"
                                                id="BtnSubmit"
                                                class="btn w-md btn-bordered btn-success waves-effect waves-light">
                                            Submit
                                        </button>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script>
        $('#user_id').on('change', function () {
            var id = $('#user_id').val();
            $('input:checkbox').removeAttr('checked');
            $.ajax({
                url: '{{route('userPrivilege.getPermissions')}}',
                type: 'GET',
                data: {
                    id: id
                },
                success: function (response) {
                    $.each(response, function (key, value) {
                        (value == 'rent master') ? $('#rentMaster').prop("checked", true) : $('#' + value).prop("checked", true);
                    });
                }
            });
        });
    </script>
@endpush