@extends('layouts.user.app')
@section('content')

 <script src="{{asset('admin/js/just-validate.min.js')}}"></script>
 <div class="card card-custom" style="padding:3%">
      
      <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label" style="color: #68541a;font-variant: all-petite-caps;font-size: 26px;">
                Change Password
                </h3><hr>
            </div>
        </div>

      <div class="card-body pt-0">
            <form class="form" method="post" action="/change-password/{{Auth::user()->id}}">
              @csrf @method('put')
              <div class="row">
                <div class="col-md-6">
                  <div  class="form-group">
                    <label>Region</label>
                    <select name="region_id" class="form-control" >
                      <option value="{{$user->region_id}}">{{$user->Region->name}}</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                  <div  class="form-group">
                    <label>Company Name</label>
                    <input type="text" name="company_name" placeholder="Company Name" class="form-control" value="{{$user->company_name}}" readonly>
                  </div>
                </div>
                <div class="col-md-6">
                  <div  class="form-group">
                     <label>UUID</label>
                    <input type="text" name="uuid" placeholder="UUID" class="form-control" value="{{$user->uuid}}" readonly>
                  </div>
                </div>
                <div class="col-md-6">
                   <div  class="form-group">
                      <label>Password</label>
                      <input type="password" name="password" placeholder="New Password" class="form-control @error('password') is-invalid @enderror" >
                      @error('password')
                          <span class="text-danger" role="alert">
                              <strong>{{ $message }}</strong>
                          </span>
                      @enderror
                    </div>
                </div>
                <div class="col-md-6">
                   <div  class="form-group">
                      <label>Confirm Password</label>
                      <input type="password" name="password_confirmation" placeholder="Confirm Password" class="form-control" >
                    </div>
                </div>
              </div> 
              <button type="submit" class="btn btn-primary">Submit</button>
            </form>
          </div>
      
</div>
@endsection
@section('scripts')
@endsection