@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
  <div class="breadcrumb-holder">
    <h1 class="main-title float-left">Update Profile</h1>
    <ol class="breadcrumb float-right">
      <li class="breadcrumb-item"><a href="{{route('dashboard')}}"><strong>Home</strong></a></li>
      <li class="breadcrumb-item active">My Profile</li>
    </ol>
    <div class="clearfix"></div>
  </div>
</div>
@if ($errors->any())
  @foreach ($errors->all() as $error)
  <script type="text/javascript">
    $(function () {
      $.notify("{{$error}}", {globalPosition: 'top right', className: 'error'});
    });
  </script>
  @endforeach
  @endif
<div class="container fullbody">
  <div class="col-md-12">
    <div class="card">
      <form method="POST" action="{{ route('update-my-profile') }}">        
        <div class="card-body">
          @csrf
          <div class="row">
              <div class="col-sm-3">
                <div class="form-group">
                  <label class="control-label"><strong>User Name</strong></label>
                  <input type="text" id="username" value="{{auth()->user()->username }}" class="form-control" placeholder="Enter Username" disabled="">              
                </div>
              </div> 

              <div class="col-sm-3">
                <div class="form-group">
                  <label class="control-label"><strong>Email</strong></label>
                  <input type="email" id="email" name="email" value="{{ auth()->user()->email }}" class="form-control" placeholder="Enter Email" required>               
                </div>
              </div> 

              <div class="col-sm-3">
                <div class="form-group">
                  <label class="control-label"><strong>Change Password</strong></label>
                  <input type="password" id="password"  value="" name="password" class="form-control" placeholder="Enter Password">
                  
                </div>
              </div>
              <div class="col-sm-3">
                <div class="form-group">
                  <label class="control-label"><strong>Confirm Password</strong></label>
                  <input type="password"  value="" name="password_confirmation" class="form-control" placeholder="Enter Password Again">
                </div>
              </div>
              <div class="col-sm-12">
                <p class="text-danger">Please keep password field blank if you don't wish to change!</p>
              </div>             
            </div>
        </div>
        <div class="card-footer text-right">
          <button class="btn btn-info" type="submit">Save</button>
        </div>     
      </form>
    </div>
  </div>
</div>
<!--End page content-->
<!--Bootstrap Modal without Animation-->
<!--===================================================-->


</div>
</div>


<script type="text/javascript">

  
</script>

<!--===================================================-->
<!--End Bootstrap Modal without Animation-->
@endsection