@extends("backend.layout-sticky.master")

@section("title")
    Profile - Sistem Klinik
@endsection

@push('css')

<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
<style>

  .header-clear-medium {
    padding-top: calc(70px + (env(safe-area-inset-top))*0.8) !important;
  }
</style>
@endpush

@section ('back')
<a href="{{url('dashboard/user/profile', Auth::user()->id) }}" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>

@endsection

@section ('content')



<form action="{{ route('dashboard.profile.profile.update') }}" method="POST" enctype="multipart/form-data">

@csrf

<div class="card card-style">

  @if ($errors->any())
      <div class="alert alert-danger">
          <ul>
              @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
  @endif
  @if(session()->has('messages'))
    <div class="alert alert-success">
        {{ session()->get('messages') }}
    </div>
  @endif
  <input type="hidden" name="id" value="{{$row->id}}">
    <div class="content mb-0">
        <div class="input-style has-borders  mb-4">

            <input type="name" value="{{ old('name', (isset($row) && $row['name'] ? $row['name'] : '') ) }}" class="form-control validate-name" name="name" id="name" placeholder="Name" >
            <label for="form1" class="color-highlight">Nama</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <div class="input-style has-borders  mb-4">

            <input type="name" value="{{ old('username', (isset($row) && $row['username'] ? $row['username'] : '') ) }}" class="form-control validate-name" name="username" id="username" placeholder="Username" >
            <label for="form1" class="color-highlight">Username</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <div class="input-style has-borders  mb-4">

            <input type="name" value="{{ old('mobile_telephone', (isset($row) && $row['mobile_telephone'] ? $row['mobile_telephone'] : '') ) }}" class="form-control validate-name" name="mobile_telephone" id="mobile_telephone" placeholder="No Hp" >
            <label for="form1" class="color-highlight">Nama</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <div class="input-style has-borders  mb-4">

            <input type="name" value="{{ old('email', (isset($row) && $row['email'] ? $row['email'] : '') ) }}" class="form-control validate-name" name="email" id="email" placeholder="Email" >
            <label for="form1" class="color-highlight">Email</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <div class="input-style has-borders  mb-4">

            <input type="name" value="{{ old('address', (isset($row) && $row['address'] ? $row['address'] : '') ) }}" class="form-control validate-name" name="address" id="address" placeholder="Alamat" >
            <label for="form1" class="color-highlight">Alamat</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <div class="input-style has-borders  mb-4">

            <input type="password" value="{{ old('new_password', (isset($row) && $row['password'] ? $row['password'] : '') ) }}" class="form-control validate-name" name="new_password" id="new_password" placeholder="Password" >
            <label for="form1" class="color-highlight">Password</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <div class="input-style has-borders  mb-4">

            <input type="password" value="{{ old('new_password_confirmation', (isset($row) && $row['new_password_confirmation'] ? $row['new_password_confirmation'] : '') ) }}" class="form-control validate-name" name="new_password_confirmation" id="new_password_confirmation" placeholder="Password baru" >
            <label for="form1" class="color-highlight">Password Confirmation</label>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <button type="submit" class="btn btn-xxs mb-3 rounded-s text-uppercase font-900 shadow-s border-blue-dark  bg-blue-light">Save</span> </button>



    </div>
</div>

</form>
@endsection

@push('js')
<!-- Page level custom scripts -->
<script src="{{asset('adminlte/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/jszip/jszip.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/pdfmake.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/vfs_fonts.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.colVis.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/toastr/toastr.min.js')}}"></script>

<script>


  $(function () {
    $("#example1").DataTable({
      "responsive": true, "lengthChange": false, "autoWidth": false,
      "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
    }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
</script>
@endpush