@extends('modules.head') @section('contenido')

    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Access code</h3>

            <form action="/{{ $path }}" id="accessCodeForm" method="POST">
                @csrf
                <div class="row">
                    <br/>
                    <div class="form-group col-sm-12">
                        <label for="inputPassword" class="col-sm-3 control-label">Request employee</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="access_code_employee">
                                <option value="">-- To select</option>
                                @foreach (\App\Http\Controllers\PermissionController::getAccessCodeEmployeeList() as $accessCodeEmployee)
                                    <option value="{{ $accessCodeEmployee }}">{{ $accessCodeEmployee }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group col-sm-12">
                        <label class="col-sm-3 control-label">Request access</label>
                        <div class="col-sm-5">
                            <input type="text" name="module_name" class="form-control" disabled="disabled" value="{{ $module_name }}">
                        </div>
                    </div>

                    <div class="form-group col-sm-12" >
                        <label class="col-sm-3 control-label">Path</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" name="path" value="{{ $path }}" disabled required>
                        </div>
                    </div>

                    <div class="form-group col-sm-12" >
                        <label class="col-sm-3 control-label">Request reason</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" name="request_reason" value="" required>
                        </div>
                    </div>

                    <div class="form-group col-sm-12">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-5">
                            <a class="btn btnBox" onclick="createAccessCode()">Request code</a>
                        </div>
                    </div>

                    <div class="form-group col-sm-12"  style="margin-top: 30px">
                        <label class="col-sm-3 control-label">Access code</label>
                        <div class="col-sm-5">
                            <input type="number" class="form-control" name="access_code" required type="text" pattern="\d*" maxlength="4" minlength="4">
                        </div>
                    </div>

                    <div class="form-group col-sm-12">
                        <label class="col-sm-3 control-label"></label>
                        <div class="col-sm-4">
                            <button type="submit" class="btn btnBox">Submit</button>
                        </div>
                    </div>

                </div>
            </form>

        </div>
    </div>

    <script src="{{ asset('js/sweetalert.min.js') }}"></script>
    <script type="text/javascript">
        (function() {
            let message = '{{ $result_message }}';
            if(message != ''){
                swal('', message, 'warning');
            }
        })();
    </script>

    <script type="text/javascript">

        function createAccessCode(){
            let $inputs = $('#accessCodeForm :input');
            let values = {};
            $inputs.each(function() {
                values[this.name] = $(this).val();
            });

            if(values.access_code_employee == ''){
                swal('', 'Please select an employee', 'warning');
                return false;
            }

            if(values.request_reason.trim() == ''){
                swal('', 'Please enter a request reason', 'warning');
                return false;
            }
            if(values.request_reason.trim().length < 10){
                swal('', 'Request reason must be more than 10 characters', 'warning');
                return false;
            }

            $.ajax({
                url: "/permissions/create_access_code",
                type: "POST",
                contentType: "application/json",
                data: JSON.stringify(values),
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                    "Content-Type": "application/json"
                },
                success: function(response) {
                    if(response.result == 'success'){
                        swal('', 'Access code has been sent', 'success');
                    }
                },
                error: function (e){
                    swal('', `And error has occurred sending Access code ${e.message}` , 'error');
                }
            });
        }

    </script>

@endsection