@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Security Policy Enforcement
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <meta name="csrf_token" content="{{ csrf_token() }}">
    <link href="{{ asset('assets/vendors/jasny-bootstrap/css/jasny-bootstrap.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/vendors/x-editable/css/bootstrap-editable.css') }}" rel="stylesheet"/>

    <link href="{{ asset('assets/css/pages/user_profile.css') }}" rel="stylesheet"/>
@stop


@section('content')
    <section class="content-header">
        <h1>Security Policy Enforcement</h1>
    </section>
    <!--section ends-->
    <section class="content">
        <div class="row">
            <div class="col-lg-12">
                <div>
                    <div class="text-center">
                        <span class="text-center text-danger font-weight-bold"> <strong>!!! WARNING !!!
                        <br/>You are required to reset your password and validate to gain access to the system 
                        <br/> This is a government system. Any unauthorized use of the system will be punishable to the fullest extent of the law. <br/> 
                        </strong>                        
                        </span>
                    </div>
                    <br/>
                    <div class="row">
                        <div class="col-lg-6">
                            You agree to the following conditions to use the system. 
                            <ul>
                                <li>I agree not to share password with anyone</li>
                                <li>I agree not to store password in any files</li>
                                <li>I agree to use the system only pertaining to my role</li>                        
                            </ul>
                            <span> 

                                Password should be minimum 8 characters long and should contain at-least 
                                <ul>
                                    <li>3 Uppercase</li>
                                    <li>3 Lowercase</li>
                                    <li>2 Numeric</li>
                                    <li>1 Special Character</li>
                                    <li>No Whitespace and No Repeated Characters</li>
                                </ul>
                            </span>
                        </div>
                        <div class="col-lg-6">
                            <p>Siyaasadda number sireedka. </p>
                            <p>Number sireedku waa inuu ka koobnaadaa:</p>
                            <ul>
                                <li>Saddex xaraf oo waaweyn. Sida: (ABC) - waa tusaale uun.</li>
                                <li>Saddex xaraf oo yaryar. Sida: (dfg) - waa tusaale uun.</li>
                                <li>Laba number. Sida (89) - waa tusaale uun.</li>
                                <li>Hal calaamad/astaan. Sida: (@, # ama %) - waa tusaale uun.</li>
                                <li>Ogaada, waxa space ah lama isticmaali doono.</li>
                                <li>Ma shaqeyn doonto calaamad amma tiro la isku xigsiin karo Sida: [AA amma 11 iyo waxii la mid ah]</li>
                            </ul>
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 pd-top">
                        <form class="form-horizontal">
                            <div class="form-body">
                                {{ csrf_field() }}
                                <input type="hidden" name="id" value = "{{ $user->id }}"/>

                                <div class="form-group">
                                    <label for="inputpassword" class="col-md-3 control-label">
                                        User
                                    </label>
                                    <div class="col-md-9">
                                        {{ $user->first_name }} {{ $user->middle_name}} {{ $user->last_name}}
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="inputpassword" class="col-md-3 control-label">
                                        Email 
                                    </label>
                                    <div class="col-md-9">
                                        {{ $user->email }}
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="inputpassword" class="col-md-3 control-label">
                                        Password
                                        <span class='require'>*</span>
                                    </label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                                    <span class="input-group-addon">
                                                        <i class="livicon" data-name="key" data-size="16" data-loop="true" data-c="#000" data-hc="#000"></i>
                                                    </span>
                                            <input type="password" id="password" placeholder="Password" name="password" class="form-control"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputnumber" class="col-md-3 control-label">
                                        Confirm Password
                                        <span class='require'>*</span>
                                    </label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                                    <span class="input-group-addon">
                                                        <i class="livicon" data-name="key" data-size="16" data-loop="true" data-c="#000" data-hc="#000"></i>
                                                    </span>
                                            <input type="password" id="password-confirm" placeholder="Confirm Password" name="confirm_password" class="form-control"/>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="inputpassword" class="col-md-3 control-label">
                                        Access Token
                                        <span class='require'>*</span>
                                    </label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                                    <span class="input-group-addon">
                                                        <i class="livicon" data-name="key" data-size="16" data-loop="true" data-c="#000" data-hc="#000"></i>
                                                    </span>
                                            <input type="text" id="token" placeholder="Token" name="token" class="form-control"/>
                                        </div>
                                        <small>Please check SMS for token OTP</small>
                                    </div>
                                </div>                                
                            </div>
                            <div class="form-actions">
                                <div class="col-md-offset-3 col-md-9">
                                    <button type="submit" class="btn btn-primary" id="change-password">Submit
                                    </button>
                                    &nbsp;
                                    <input type="reset" class="btn btn-default" value="Reset"></div>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-6">
                            <p>Lambarka lagu ilaalinayo xafidnaanta xogta <b>(Token number)</b>, waxa uu kugu soo dhacayaa lambarkaaga SMS ahaan.</p>
                            <p>Token number-ka, isticmaalaha mareegta waxa la gula wadaagi doonaa taleefanka loo diiwaangeliyay. .</p>
                            <p>Isticmaaluhu wuxuu u baahan yahay inuu ka codsado lambarka calaamada lambarka xidhiidhka ee diiwaangashan</p>
                            <p>Mahadsanidiin.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <!-- Bootstrap WYSIHTML5 -->
    <script  src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#change-password').click(function (e) {
                e.preventDefault();
                var check = false;
                if ($('#password').val() ===""){
                    alert('Please Enter password');
                    return;
                }
                if ($('#password').val().length < 8) {
                    alert('Password should be minimum 8 characters');
                    return;
                }

                else if  ($('#password').val() !== $('#password-confirm').val()) {
                    alert("confirm password should match with password");
                }
                else if  ($('#password').val() === $('#password-confirm').val()) {
                    check = true;
                }

                if(check == true){
                var sendData =  '_token=' + $("input[name='_token']").val() +'&token=' + $('#token').val() + '&password=' + $('#password').val() + '&password_confirmation=' + $('#password-confirm').val() +'&id=' + {{ $user->id }};
                    var path = "{{ route('enforcepasswordreset') }}";
                    $.ajax({
                        url: path,
                        type: "post",
                        data: sendData,
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
                        },
                        success: function (data) {
                            console.log(data);
                            $('#password, #password-confirm, #token').val('');
                            if (data.result === "success") {
                                alert('password reset successful');
                                window.location = "{{ URL::to('admin/logout') }}";
                            } else {
                                alert(data.error);
                            }                            
                            
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            $('#password, #password-confirm, #token').val('');
                            alert('error in password reset');
                        }
                    });
                }
            });
        });
    </script>

@stop