@extends('layouts.master')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
@endsection

@section('content')
<div class="main-panel">
        <!-- BEGIN : Main Content-->
        <div class="main-content">
          <div class="content-wrapper">
            <!-- Minimal statistics section start -->
<section id="minimal-statistics">
        <div class="row">
          <div class="col-12 mt-3 mb-1">
            <div class="content-header">Change Password</div>
          </div>
        </div>

        @if (Session::has('success'))
        <div class="alert alert-success">
        <p>{{ Session::get('success') }}</p>
        </div>            
        @endif
        
        @if ($errors->any())
        <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{$error}}</li>
            @endforeach
        </ul>
        </div>
        @endif

          <div class="row">
            <div class="col-md-12">
              <div class="card">
                <div class="card-content mt-4">
                  <div class="px-3">
                  <form class="form" method="POST" action="{{ route('update_password') }}" autocomplete="off">
                    @csrf  
                    <div class="form-body">
                        
                        <div class="row">

                          <div class="col-xl-6 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="basicInput">New Password</label>
                            <input type="password" class="form-control" name="password" >
                            </fieldset>
                          </div>

                          <div class="col-xl-6 col-lg-6 col-md-12 mb-1">
                            <fieldset class="form-group">
                              <label for="basicInput">Confirm Password</label>
                              <input type="password" class="form-control" name="password_confirmation" >
                            </fieldset>
                          </div>                                

                        </div>
                      </div>

                      <div class="col-md-12 mt-2"> <input class="btn btn-success btn-raised" type="submit" value="Submit"> </div>

                    </form>
                  </div>
                </div>
              </div>

            </div>
          </div>
      </section>
      <!-- // Minimal statistics section end -->
    </div>
</div>
<!-- END : End Main Content-->

@include('partials.footer')

</div>
@endsection

@section('scripts')
<script src="{{ asset('app-assets/vendors/js/datatable/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('app-assets/js/data-tables/datatables-sources.js') }}" type="text/javascript"></script>
@endsection