@extends('layouts.master')

@section('content')
  @component('partials.breadcrumbs')
    @slot('breadcrumb')
      {!! Breadcrumbs::render('change.password', $user) !!}
    @endslot
  @endcomponent

<div class="row justify-content-center">
  <div class="col-sm-8">
    <div class="box box-success">
      <div class="box-header">
        <span class="fa-stack fa-lg text-green">
          <i class="fa fa-circle fa-stack-2x"></i>
          <i class="fas fa-key fa-stack-1x fa-inverse"></i>
        </span>
        <h3 class="box-title">Αλλαγή Κωδικού Πρόσβασης</h3>
      </div>
      <div class="box-body">
      {!! Form::model($user, ['route'=> ['update.password.user', $user->id], 'method'=>'PUT', 'class'=> 'form-horizontal needs-validation' ]) !!}
        <div class="form-group row">
          <div class="col-sm-3 col-form-label">
            <label for="present">Ονοματεπώνυμο:</label>
          </div>
          <div class="col-sm-9">
            <input class="form-control" name="name" id="name" type="text" placeholder="{{$user->Fullname}}" disabled>
          </div>
        </div>
        <div class="form-group row">
          <div class="col-sm-3 col-form-label">
            <label for="validationPassword">Κωδικός Πρόσβασης</label>
          </div>
          <div class="col-sm-9">
            {{ Form::password('password', array(
              'class' => 'form-control',
              'id' => 'validationname password',
              'placeholder' => '.....',
              'required'=> '',
              'maxlength'=>'255'))
            }}
            <div class="invalid-feedback">
              Παρακαλώ συμπληρώστε το πεδίο Κωδικός Πρόσβασης
            </div>
          </div>
        </div>
        <div class="box-footer">
          <a href="{{route('admin.panel')}}" class="btn btn-danger float-right">Ακύρωση</a>
          <button class="btn btn-primary float-right mr-3" type="submit" id="formsbj">Αποθήκευση</button>
        </div>
      {!! Form::close() !!}
      </div>
    </div>
  </div>
</div>

@endsection

@section('javascripts')
<script type="text/javascript">

(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        form.classList.add('was-validated');
      }, false);
    });
  }, false);
})();

</script>
@endsection