@extends('layouts.main')

@push('styles')
<link href="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('elite/bower_components/custom-select/custom-select.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('js/password-strength-check/password-check.css') }}" rel="stylesheet" type="text/css" />

<style type="text/css">
    .pin{
        -webkit-text-security: square;
        -moz-text-security:square;
        text-security:square;
    }
</style>

@endpush

@section('content')
<div class="row bg-title">
    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title">{{ __('users.edit_user') }}</h4>
    </div>
    <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('home') }}">{{ __('users.dashboard') }}</a></li>
            <li><a href="{{ route('users.index') }}">{{ __('users.users') }}</a></li>
            <li class="active">{{ __('users.edit_user') }}</li>
        </ol>
    </div>
    <!-- /.col-lg-12 -->
</div>

@include('users.menu')

<!-- .row -->
<div class="row">
    <div class="col-sm-12">
        <!--Flash messages at the top -->
        <div>@include('flash::message')</div>
        @if (count($errors) > 0)
        <div class="alert alert-danger">
            {{ __('users.add_user_error') }}<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <div class="white-box">
            {{ Form::model($user, ['method' => 'PATCH','id'=>'register','enctype'=>'multipart/form-data','autocomplete'=>'off','route' => ['users.update', $user->id]]) }}

            {{ csrf_field() }}
            <div class="row">
                <div class="col-md-4">

                    <div class="form-group">
                        {{ Form::label('first_name',__('users.first_name')) }}
                        {{ Form::text('first_name',null,['class' => 'form-control compulsory']) }}
                    </div>

                    <div class="form-group">
                        {{ Form::label('last_name',__('users.last_name')) }}
                        {{ Form::text('last_name',null,['class' => 'form-control compulsory']) }}
                    </div>


                    <div class="form-group">
                        {{ Form::label('phone',__('users.phone_number')) }}
                        {{ Form::text('phone',null,['class' => 'form-control','data-mask'=>"0799 999 999"]) }}
                        <span class="font-13 text-muted">(07xx) 123-456</span>
                    </div>

                    <div class="form-group">
                        {{ Form::label('email',__('users.email_address')) }}
                        {{ Form::email('email',null,['class' => 'form-control']) }}
                    </div>

                    <div class="form-group">
                        {{ Form::label('position_id',__('users.position')) }}
                        {{ Form::select('position_id',$positions,null,['class' => 'form-control compulsory']) }}
                    </div>

                    <div class="form-group">
                        {{ Form::label('photo',__('users.photo')) }}
                        {{ Form::file('photo',['class' => 'form-control']) }}
                    </div>

                </div>
                <div class="col-md-4">

                    <div class="form-group">
                        {{ Form::label("council_registration",__('users.any_council_registration')) }}<br>
                        {{ Form::radio('council_registration',1,null,['class'=>'council_radio']) }} &nbsp;{{ __('users.yes') }} &nbsp;&nbsp;
                        {{ Form::radio('council_registration',0,null,['class'=>'council_radio']) }} &nbsp;{{ __('users.no') }}
                    </div>

                    <div class="form-group council_hide" style="display: none;">
                        {{ Form::label('council_id',__('users.council_name')) }}
                        {{ Form::select('council_id',$councils,null,['class' => 'form-control']) }}
                    </div>

                    <div class="form-group council_hide" style="display: none;">
                        {{ Form::label('registration_number',__('users.registration_number')) }}
                        {{ Form::text('registration_number',null,['class' => 'form-control']) }}
                    </div>

                    <div class="form-group council_hide" style="display: none;">
                        {{ Form::label('expiry_date',__('users.expiry_date')) }}
                        <div class="input-group">
                            {{ Form::text('expiry_date',null,['class' => 'form-control datepicker','readonly','id'=>'datepicker-autoclose']) }}
                            <span class="input-group-addon"><i class="icon-calender"></i></span>                   
                        </div>
                    </div>

                    <hr>

                    <div class="form-group">
                        {{ Form::label('blood_group_id',__('users.blood_group')) }}
                        {{ Form::select('blood_group_id',$blood_groups,null,['class' => 'form-control compulsory']) }}
                    </div>

                    <div class="form-group">
                        {{ Form::label("willing_to_donate",__('users.are_willing_to_donate')) }}<br>
                        {{ Form::radio('willing_to_donate',1,true) }} &nbsp;{{ __('users.yes') }} &nbsp;&nbsp;
                        {{ Form::radio('willing_to_donate',0,false) }} &nbsp;{{ __('users.no') }}
                    </div>

                    <div class="form-group">
                        {{ Form::label('last_donation_date',__('users.when_last_donation')) }}
                        <div class="input-group">
                            {{ Form::text('last_donation_date',null,['class' => 'form-control datepicker','readonly','id'=>'datepicker-autoclose']) }}
                            <span class="input-group-addon"><i class="icon-calender"></i></span>                   
                        </div>
                    </div>

                    @if(Auth::user()->can('edit-users-role'))
                    <div class="form-group">
                        {{ Form::label('roles[]',__('users.roles_on_streamline')) }}
                        {{ Form::select('roles[]',$roles,$userRole,['class' => 'compulsory roles select2 m-b-10 select2-multiple', 'multiple']) }}
                    </div>
                    @endif

                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        {{ Form::label('username',__('users.username')) }}
                        {{ Form::text('username',null,['class' => 'form-control compulsory']) }}
                    </div>

                    <div class="form-group">
                        {{ Form::label('password',__('users.password')) }}
                        {{ Form::password('password',['class' => 'form-control']) }}
                        <span id="result"></span>
                    </div>

                    <div class="form-group">
                        {{ Form::label('password_confirm',__('users.confirm_password')) }}
                        {{ Form::password('password_confirmation',['class' => 'form-control']) }}
                    </div>

                    <div class="form-group">
                        {{ Form::label('pin',__('users.secret_pin')) }}
                        {{ Form::number('pin',null,['class' => 'form-control compulsory pin','placeholder'=>'eg 12345','maxlength'=>'5','minlength'=>'5']) }}
                    </div>

                    <div class="form-group">
                        {{ Form::label('security_question_id',__('users.security_question')) }}
                        {{ Form::select('security_question_id',$security_questions,null,['class' => 'form-control']) }}
                    </div>

                    <div class="form-group">
                        {{ Form::label('security_answer',__('users.security_answer')) }}
                        {{ Form::text('security_answer',null,['class' => 'form-control']) }}
                    </div>

                </div>

                <div class="col-md-8"><hr></div>
                <div class="col-md-4">
                    {{ Form::button(__('users.submit'),['type'=>'submit','class'=>'btn btn-success waves-effect waves-light m-r-10']) }}
                    {{ Form::button(__('users.cancel'),['type'=>'reset','class'=>'btn btn-default waves-effect waves-light']) }}
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
<!-- /.row -->
@endsection

@push('scripts')
<script src="{{ asset('elite/js/mask.js') }}"></script>

<!-- Date Picker Plugin JavaScript -->
<script src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('elite/bower_components/custom-select/custom-select.min.js') }}"></script>

<script type="text/javascript">

     jQuery('.datepicker').datepicker({
     autoclose: true,
             todayHighlight: true,
             format: 'dd/mm/yyyy',
     });
     $('document').ready(function () {
     $('.council_radio').click(function () {
     $(this).val() === '1' ? $('.council_hide').show() : $('.council_hide').hide();
     });
     $('.roles').select2();
     });</script>

<script type="text/javascript" src="{{ asset('js/password-strength-check/password-check.js') }}"></script>
@endpush