@if(session("role") == 3)
@include('driver_header')
@else
@include('header')
@endif
<!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="rows">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">Edit my Profile</h4>

                  @if(session()->has('success'))
                    <div class="alert alert-success" role="alert">
                    <strong>Congratulations!</strong> {{ session()->get('success') }}
                    </div>
                    @endif

                    @if ($errors->has('email') || $errors->has('password'))
                    <div class="alert alert-danger" role="alert">
                      <strong>Error!</strong> {{ $errors->first('email') }}
                      @endif
                      @foreach($users as $user)
                        <form method="POST" action="{{ route('profile.edit') }}" class="forms-sample">
                          @csrf
                          <div class="form-group">
                            <label for="exampleInputName1">Full Name</label>
                            @if(session("role") == 3)
                            <input name="name" type="text" class="form-control" id="exampleInputName1" value="{{ $user->fullname }}" disabled>
                            <input name="name" type="hidden" class="form-control" id="exampleInputName1" value="{{ $user->fullname }}" required>
                            @else
                            <input name="name" type="text" class="form-control" id="exampleInputName1" value="{{ $user->fullname }}" required>
                            <input name="id" type="hidden" class="form-control" id="exampleInputName1" value="{{ $user->id }}" required>
                            @endif
                          </div>
                          <div class="form-group">
                            <label for="exampleInputEmail3">Email Address</label>
                            <input type="email" class="form-control" id="exampleInputEmail3" value="{{ $user->email }}" disabled>
                            <input name="email" type="hidden" class="form-control" id="exampleInputEmail3" value="{{ $user->email }}">
                          </div>
                          <div class="form-group">
                            <label for="exampleInputCity1">Mobile Number</label>
                            <input name="phone" type="text" class="form-control" id="exampleInputCity1" value="{{ $user->mobile_number }}" required>
                          </div>
                          <div class="form-group">
                            <label for="exampleInputCity1">Staff ID</label>
                            <input name="staff_id" type="text" class="form-control" id="exampleInputCity1" value="{{ $user->staff_number }}" required>
                          </div>
                          <div class="form-group">
                            <label for="exampleInputPassword4">Update Password <i>(Optional)</i></label>
                            <!--input name="password" type="password" class="form-control" id="pass1" placeholder="Password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Password must be Alphanumeric. Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"-->
                            <input name="password" type="password" class="form-control" id="pass1" placeholder="Password">
                          </div>

                          <!--div class="form-group">
                            <span style="color:red"></span>
                            <label for="exampleInputPassword4">Password</label>
                            <input type="password" class="form-control" id="pass2" placeholder="Password">
                          </div-->

                          <button type="submit" class="btn btn-primary mr-2">Save</button>
                          <button class="btn btn-light">Back</button>
                        </form>
                      @endforeach
                      </div>
                    </div>
                      </div>
                    </div>
                  </div>

                </div>



          <!--div class="row">
            <div class="col-md-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">
                  <p class="card-title">Advanced Table</p>
                  <div class="row">
                    <div class="col-12">
                      <div class="table-responsive">
                        <table id="example" class="display expandable-table" style="width:100%">
                          <thead>
                            <tr>
                              <th>Quote#</th>
                              <th>Product</th>
                              <th>Business type</th>
                              <th>Policy holder</th>
                              <th>Premium</th>
                              <th>Status</th>
                              <th>Updated at</th>
                              <th></th>
                            </tr>
                          </thead>
                      </table>
                      </div>
                    </div>
                  </div>
                  </div>
                </div>

                
              </div>
            </div>
        </div-->
        <!-- content-wrapper ends -->
        <!-- partial: -->
        <footer class="footer">
          <div class="d-sm-flex justify-content-center justify-content-sm-between">
            <span class="text-muted text-center text-sm-left d-block d-sm-inline-block"><p align="center" class="mb-0">Copyright &copy; Tritek Consulting Ltd 2022 </p>  </span>
          </div>
        </footer>
        <!-- partial -->

      </div>
      <!-- main-panel ends -->
    </div>   
    <!-- page-body-wrapper ends -->
  </div>
  <!-- container-scroller -->
  <!-- container-scroller -->
  <!-- plugins:js -->
  <script src="{{ asset('vendors/js/vendor.bundle.base.js') }}"></script>
  <!-- endinject -->
  <!-- Plugin js for this page -->
  <script src="{{ asset('vendors/typeahead.js/typeahead.bundle.min.js') }}"></script>
  <script src="{{ asset('vendors/select2/select2.min.js') }}"></script>
  <!-- End plugin js for this page -->
  <!-- inject:js -->
  <script src="{{ asset('js/off-canvas.js') }}"></script>
  <script src="{{ asset('js/hoverable-collapse.js') }}"></script>
  <script src="{{ asset('js/template.js') }}"></script>
  <script src="{{ asset('js/settings.js') }}"></script>
  <script src="{{ asset('js/todolist.js') }}"></script>
  <!-- endinject -->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/file-upload.js') }}"></script>
  <script src="{{ asset('js/typeahead.js') }}"></script>
  <script src="{{ asset('js/select2.js') }}"></script>
  <!-- End custom js for this page-->

  <!-- Plugin js for this page -->
  <script src="{{ asset('vendors/chart.js/Chart.min.js') }}"></script>
  <!-- Custom js for this page>
  <script src="{{ asset('js/chart.js') }}"></script-->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/dashboards.js') }}"></script>
  <script src="{{ asset('js/Chart.roundedBarCharts.js') }}"></script>
  <!-- End custom js for this page-->

  <!-- End custom js for this page-->


</body>

</html>