@extends('admin.layouts.cmlayout')
@section('body')
<div class="container-fluid">
   <div class="row page-title  no-display">
      <div class="col-md-12">
         <h4 class="mb-1 mt-0">Add User / Artist</h4>
      </div>
   </div>
   <div class="row mt-4">
      <div class="col-md-12">
         <div class="card">
            <div class="card-body pt-2 pb-3 manageClinicSection">
               <form action="{{route('user.create')}}" method="post" class="user" id="add_user_form" enctype="multipart/form-data">
                @csrf
                 <div class="row">
                  <div class="col-lg-4 col-md-6 col-12">
                    <div class="form-group">
                           <label>Select User<span class="required">*</span></label>
                           <select class="form-control form-control-user" id="user_role" name="user_role">
                              <option value="">User Role</option>
                              <option value="1">Artist</option>
                              <option value="2">User</option>
                           </select>
                        </div>
                     </div>

                     <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>First Name<span class="required">*</span></label>
                           <input type="text" name="firstname" id="firstname" class="form-control form-control-user" required />
                        </div>
                     </div>
                  </div>

                  <div class="row">
                     <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>Last Name<span class="required">*</span></label>
                           <input type="text" name="lastname" id="lastname" class="form-control form-control-user" required />
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>Email<span class="required">*</span></label>
                           <input type="text" name="email" id="email" class="form-control form-control-user" required/>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>Phone<span class="required">*</span></label>
                           <input type="text" name="phone" id="phone" class="form-control form-control-user" required />
                        </div>
                     </div>

                          <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>Mobile<span class="required">*</span></label>
                           <input type="text" name="mobile" id="mobile" class="form-control form-control-user" required />
                        </div>
                     </div>

                  </div>


                  <div class="row">
                     <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>Street address<span class="required">*</span></label>
                           <input type="text" name="street" id="street" class="form-control form-control-user" required />
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>City<span class="required">*</span></label>
                           <input type="text" name="city" id="city" class="form-control form-control-user" required />
                        </div>
                     </div>

                  </div>


                  <div class="row">

                         <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>Country<span class="required">*</span></label>
                           <select class="form-control form-control-user" id="country_id" name="country_id">
                              <option value="">Select</option>
                              @foreach($country as $c)
                              <option value="{{$c->id}}">{{$c->name}}</option>
                              @endforeach
                           </select>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-6 col-12">
                        <div class="form-group">
                           <label>Postcode<span class="required">*</span></label>
                           <input type="text" name="postcode" id="postcode" class="form-control form-control-user" required />
                        </div>
                     </div>
                  </div>
                  <div class="row">

                  <div class="col-lg-4 col-md-6 col-12">
                     <div class="form-group">
                        <label>Password<span class="required">*</span></label>
                        <input type="password" name="password" id="postcode" class="form-control form-control-user" required />
                     </div>
                  </div>

               </div>

            </div>
            <div class="mt-1 mb-1">
            <div class="text-left d-print-none mt-4">
            <button type="submit" id="add-user-btn" class="btn btn-primary">Add</button>
            </div>
            </div>
            </form>
         </div>
      </div>
   </div>
   <!-- end row -->
</div>
<!-- container-fluid -->
@endsection