@extends('admin.master')

@section('title', 'Change Password')

@section('contents')
  <!-- row -->
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="card card-outline card-info">
        <div class="card-header">
          <h3 class="card-title">Change Password</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form role="form" action="{{ url('/changepass') }}" method="post">
          @csrf
          <div class="card-body">
            @if(Session::has('msg-error'))
            <div class="callout callout-danger">
              <h5>{{ Session::get('msg-error') }}</h5>
            </div>
            @endif
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="item_name">Current Password <span style="color:red">*</span></label>
                  <input type="password" class="form-control @error('current_password') is-invalid @enderror" id="current_password" name="current_password" autocomplete="password"  required>
                  @error('current_password')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">New Password <span style="color:red">*</span></label>
                  <input type="password" class="form-control @error('password') is-invalid @enderror" id="password" name="password" autocomplete="new-password" required>
                  @error('password')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Confirm Password <span style="color:red">*</span></label>
                  <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" autocomplete="new-password" required>
                </div>
              </div>

              <div class="col-md-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">User Details</h3>
                  </div>
                  <!-- /.card-header -->
                  <div class="card-body p-0">
                    <table class="table table-condensed">
                      <tbody>
                      <tr>
                        <td>Name</td>
                        <td>{{ Auth::user()->name }}</td>
                      </tr>
                      <tr>
                        <td>Email</td>
                        <td>{{ Auth::user()->email }}</td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                  <!-- /.card-body -->
                </div>
              </div>
            </div>
          </div>
          <!-- /.card-body -->

          <div class="card-footer">
            <button type="submit" class="btn btn-primary">Save</button>
          </div>
        </form>
      </div>
      <!-- /.card -->

    </div>
  </div>
  <!-- /.row -->
@endsection

@section('script_links')
  <script>
    @foreach(['success','error'] as $type)
      @if(Session::has('msg-'.$type))
        toastr.{{ $type }}('{{ Session::get('msg-'.$type) }}');
      @endif
    @endforeach

      $(function () {
        // active left-menu
        // for tree addClass .menu-open
        // for submenu addClass .active
        $('#menu_settings').addClass('menu-open');
        $('#sub_change_passowrd').addClass('active');
      });
  </script>
@endsection