@include('public_area.layouts.header_include')

@include('public_area.layouts.aside_include')

<section>
  <nav>
    <ul>
      <li class="btn">
          <a href="#">
            <i class="md-ripples uil uil-bars" data-pushbar-target="left"></i>
          </a>
      </li>
       <li class="logo">Qucik & Perfect</li>
       {{-- <li class="btn">
            <a href="{{ route('user-main-screen-profile') }}">
              <i class="uil uil-user"></i>
            </a>
        </li> --}}
        {{-- <li class="btn">
            <a href="{{ route('user-logout') }}">
                <i class="uil uil-sign-out-alt"></i>
            </a>
        </li> --}}
    </ul>
  </nav>
</section>

<section>
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12 bg-light">
        
      </div>
      {{-- <div class="col-md-12 bg-light mt-2 mb-2">
        <div class="container pt-3 pb-3 d-flex justify-content-center">
            <div class="card p-3">
                <div class="d-flex align-items-center">
                    <div class="image">
                      <img src="/all_restaurants_assets/img/profile-user.png" class="rounded img-fluid">
                    </div>
                    <div class="pt-1 pb-1 pr-2 pl-2 w-100">
                      <h4 class="mb-0 mt-0 font-weight-bold">{{ $user_details->username}}</h4>
                    </div>
                </div>
            </div>    
        </div>
      </div> --}}
      
    </div>
  </div>
</section>
  

<section> 
  <div class="container-fluid">
    <form method="POST" action="{{ route('update-user-main-screen-profile', ['user_id' => @session('user_id')]) }}" class="form-horizontal form-material mx-2">
      @csrf
      <div class="row bg-light mt-2 mb-2 pt-3 pb-3">
        <div class="w-100 pt-3 pb-3">
            <h3 class="font-weight-bold">{{$pagename}} </h3>
        </div>
        <div class="col-md-12 ">
          @if(session('change-password'))
            <div class="alert alert-success alert-dismissible fade show text-dark" role="alert">
                <strong>{{ session('change-password') }}</strong>
            </div>  
            @endif
            @if(session('dont-match'))
            <div class="alert alert-danger alert-dismissible fade show text-dark" role="alert">
                <strong>{{ session('dont-match') }}</strong>
            </div>  
          @endif
          <div class="textInputWrapper">
              <label class="font-weight-bold pl-1">Old Passowrd</label>
              <input type="password" class="form-control"  name="old_password" placeholder="Old Password">
          </div>
          <div class="textInputWrapper">
              <label class="font-weight-bold pl-1">New Password:</label>
              <input type="password" class="form-control"  name="new_password" placeholder="New Password">
          </div>
          <div class="textInputWrapper">
              <label class="font-weight-bold pl-1">Confirm Password:</label>
              <input type="password" class="form-control" name="retype_password" placeholder="Retype New Password">
          </div>
        </div>
        <div class="col-md-12">
          <button type="submit" class="btn btn-primary">Save</button>
        </div>
      </div>  
    </form>
  </div> 
</section>


@include('public_area.layouts.footer_include')