@extends('dash')

@section('content')

<style>
  #basic-default-email{
    width: 20%;
  }

  </style>
          <!-- Content wrapper -->
        
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Register/</span>User</h4>

              <!-- Basic Layout & Basic with Icons -->
              <div class="row" id="form_container">
                <!-- Basic Layout -->
                <div class="col-xxl">
                  <div class="card mb-4">
                    <div class="card-header d-flex align-items-center justify-content-between">
                      <h5 class="mb-0">REGISTER USER</h5>
                      
                    </div>
                    <div class="card-body">
                      <form action="/register_driver" method="post">
                        @csrf
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-name">Name</label>
                          <div class="col-sm-10">
                            <div class="input-group input-group-merge">
                              <input
                                type="text"
                                id="basic-default-email"
                                class="form-control"
                                aria-describedby="basic-default-email2"
                                name="name"
                              />
                         
                            </div>
                            <div class="form-text">eg </div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-company">Phone Number</label>
                          <div class="col-sm-10">
                            <div class="input-group input-group-merge">
                              <input
                                type="text"
                                id="basic-default-email"
                                class="form-control"
                                aria-describedby="basic-default-email2"
                                name="phone_no"
                              />
                         
                            </div>
                            <div class="form-text">eg 0712345678</div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-company">Email</label>
                          <div class="col-sm-10">
                            <div class="input-group input-group-merge">
                              <input
                                type="text"
                                id="basic-default-email"
                                class="form-control"
                                aria-describedby="basic-default-email2"
                                name="email"
                              />
                         
                            </div>
                            <div class="form-text">eg user@user.com </div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-email">ID no.</label>
                          <div class="col-sm-10">
                            <div class="input-group input-group-merge">
                              <input
                                type="text"
                                id="basic-default-email"
                                class="form-control"
                               aria-describedby="basic-default-email2"
                               name="id"
                              />
                         
                            </div>
                            <div class="form-text">eg </div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-email">Driver license</label>
                          <div class="col-sm-10">
                            <div class="input-group input-group-merge">
                              <input
                                type="text"
                                id="basic-default-email"
                                class="form-control"
                                aria-describedby="basic-default-email2"
                                name="driver_license"
                              />
                         
                            </div>
                            <div class="form-text">eg </div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-message">Role</label>
                          <div class="col-sm-10">
                            <div class="input-group input-group-merge">
                              <input
                                type="text"
                                id="basic-default-email"
                                class="form-control"
                                aria-describedby="basic-default-email2"
                                name="role"
                              />
                         
                            </div>
                            <div class="form-text">eg driver</div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-message">Password</label>
                          <div class="col-sm-10">
                            <div class="input-group input-group-merge">
                              <input
                                type="text"
                                id="basic-default-email"
                                class="form-control"
                                aria-describedby="basic-default-email2"
                                name="password"
                              />
                         
                            </div>
                          
                          </div>
                        </div>
                        <div class="row justify-content-end">
                          <div class="col-sm-10">
                            <button type="submit" class="btn btn-primary">register</button>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>
                <!-- Basic with Icons -->
                
              </div>
            </div>
            <!-- / Content -->

            <!-- Footer -->
          
            <!-- / Footer -->

            <div class="content-backdrop fade"></div>
          
          @endsection