@extends('dashboards.layouts.dash-layout')
@section('title', 'Profil')

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid mt-2 px-3">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Profil</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ Route('profile.edit') }}">Profil</a></li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->

    @if (session('status') === 'profile-updated')
    <div class="container-fluid px-3">
      <div class="card card-success">
        <div class="card-header">
          <h3 class="card-title">SUKSES</h3>
    
          <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
            </button>
          </div>
          <!-- /.card-tools -->
        </div>
        <!-- /.card-header -->
        <div class="card-body">
          <strong> Informasi Akun Berhasil Disimpan </strong>
        </div>
        <!-- /.card-body -->
      </div>
      </div>
      @endif

      @if (session('status') === 'password-updated')
    <div class="container-fluid px-3">
      <div class="card card-success">
        <div class="card-header">
          <h3 class="card-title">SUKSES</h3>
    
          <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
            </button>
          </div>
          <!-- /.card-tools -->
        </div>
        <!-- /.card-header -->
        <div class="card-body">
          <strong> Sandi Berhasil Diubah </strong>
        </div>
        <!-- /.card-body -->
      </div>
      </div>
      @endif
  </section>

  <!-- General Form INFO AKUN-->
  <section class="content">
    <div class="container-fluid px-3">
  <div class="card card-default">
    <div class="card-header">
      <h3 class="card-title">Informasi Akun</h3>
    </div>
    <!-- /.card-header -->
    <!-- form start -->

    <form id="send-verification" method="post" action="{{ route('verification.send') }}">
      @csrf
    </form>

    {{-- {{ route('adminStoreAlternatif') }} --}}
    <form action="{{ route('profile.update') }}" method="POST">
      @csrf
      @method('patch')
      <div class="card-body">
        <div class="form-group">
          <label>Nama</label>
          <input id="name" name="name" type="text" class="form-control" value="{{ $user->name }}" required autofocus autocomplete="name">
        </div>
        <div class="form-group">
          <label>Email</label>
          <input id="email" name="email" type="email" class="form-control" value="{{ $user->email }}" required autofocus autocomplete="email">
        </div>
      </div>
      <!-- /.card-body -->

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

<!-- General Form PASSWORD-->
<section class="content">
  <div class="container-fluid px-3">
<div class="card card-default">
  <div class="card-header">
    <h3 class="card-title">Ganti Password</h3>
  </div>
  <!-- /.card-header -->
  <!-- form start -->

  {{-- {{ route('adminStoreAlternatif') }} --}}
  <form action="{{ route('password.update') }}" method="POST">
    @csrf
    @method('put')
    <div class="card-body">
      <div class="form-group">
        <label>Sandi Sekarang</label>
        <input id="current_password" name="current_password" type="password" class="form-control" autocomplete="current-password">
      </div>
      <div class="form-group">
        <label>Sandi Baru</label>
        <input id="password" name="password" type="password" class="form-control" autocomplete="new-password">
      </div>
      <div class="form-group">
        <label>Konfirmasi Sandi</label>
        <input id="password_confirmation" name="password_confirmation" type="password" class="form-control" autocomplete="new-password">
      </div>
    </div>
    <!-- /.card-body -->

    <div class="card-footer">
      <button type="submit" class="btn btn-primary">Simpan</button>
    </div>
  </form>
</div>
<!-- /.card -->
</div>
</section>
@endsection