{{ Form::model($data ?? '', ['route'=>['users.store'],'files' => 'true', 'class' => '', 'id' => 'submit-form', 'autocomplete' => 'off']) }}
    <div class="row mb-4">
        <div class="col-md-4 mb-3"> 
            <label class="col-sm-12 col-form-label">Role</label>
            @php $userRole = isset($data->user_role) ? $data->user_role : ''; @endphp
            <div class="col-sm-12">
                <select class="form-control" name="user_role" required>
                    @foreach($userRoles as $index => $values)
                        <option {{$userRole == $values->id?'selected':''}} value="{{ $values->id }}">{{ $values->role }}</option>
                    @endforeach 
                </select>   

                <span class="invalid-feedback" role="alert">
                    <strong>User role is required</strong>
                </span>
            </div>    
        </div> 
        <div class="col-sm-4 mb-3">
            <label for="username" class="col-sm-12 col-form-label">Username</label>
            <div class="col-sm-12">
               {{Form::text('username',null,['class'=>'form-control','id'=>'username','required'=>'required','placeholder'=>'Enter username'])}}
               <span class="invalid-feedback" role="alert">
                   <strong>Username is required</strong>
               </span>
            </div>                                
        </div>
        <div class="col-sm-4 mb-3">
            <label for="name" class="col-sm-12 col-form-label">Name</label>
            <div class="col-sm-12">
               {{Form::text('name',null,['class'=>'form-control','id'=>'name','required'=>'required','placeholder'=>'Enter name'])}}
               <span class="invalid-feedback" role="alert">
                   <strong>Name is required</strong>
               </span>
            </div>                                
        </div>

        <div class="col-md-4 mb-3">
            <label for="email" class="col-sm-12 col-form-label">Email</label>
            <div class="col-sm-12">
                {{Form::email('email',null,['class'=>'form-control','id'=>'email','required'=>'required','placeholder'=>'Enter email'])}}
                <span class="invalid-feedback" role="alert">
                    <strong>Email is required</strong>
                </span>
            </div>
        </div>

        <div class="col-md-4 mb-3">
            <label for="phone" class="col-sm-12 col-form-label">Phone</label>
            <div class="col-sm-12">
                {{Form::text('phone',null,['class'=>'form-control digit_validate','id'=>'phone','required'=>'required','placeholder'=>'Enter phone number'])}}
            </div>
        </div>

        <div class="col-md-4 mb-3">
            <label for="image" class="col-sm-12 col-form-label">Image</label>
            <div class="col-sm-12">
                <input type="file" class="form-control" id="image" name="image" accept="image/*" />
                <span class="invalid-feedback" role="alert"><strong>Image is required</strong></span>
            </div>
        </div>

        <div class="col-md-12 mb-3">
            <label for="bio" class="col-sm-12 col-form-label">Bio</label>
            <div class="col-sm-12">
               {{Form::textarea('bio',null,['class'=>'form-control','id'=>'bio','placeholder'=>'Write your bio','rows'=>'1'])}} 
            </div>
        </div>  
        <div class="col-md-12 mb-3">
            <label for="address" class="col-sm-12 col-form-label">Address</label>
            <div class="col-sm-12">
                {{Form::text('address',null,['class'=>'form-control','id'=>'address','placeholder'=>'Enter your address','required'=>'required','rows'=>"3"])}} 
            </div>
        </div>        
        <div class="col-md-12 alignCenter mb-3">
            <div class="row">
                <div class="col-md-2">
                    <label class="col-sm-12">Latitude</label>
                    {{Form::text('latitude',null,['class'=>'form-control col-sm-12','id'=>'latitude','placeholder'=>'Latitude'])}} 
                    <span class="invalid-feedback" role="alert">
                        <strong>Latitude is required</strong>
                    </span>
                </div>    
                <div class="col-md-2">
                    <label class="col-sm-12">Longitude</label>
                    {{Form::text('longitude',null,['class'=>'form-control col-sm-12','id'=>'longitude','placeholder'=>'Longitude'])}} 
                </div>
                <div class="col-md-2">    
                    <label class="col-sm-12">City</label>
                    {{Form::text('city',null,['class'=>'form-control col-sm-12','id'=>'city','placeholder'=>'City'])}} 
                </div>    
                <div class="col-md-3">    
                    <label class="col-sm-12">State</label>
                    {{Form::text('state',null,['class'=>'form-control col-sm-12','id'=>'state','placeholder'=>'State'])}} 
                </div>
                <div class="col-md-3">    
                    <label class="col-sm-12">Country</label>
                    {{Form::text('country',null,['class'=>'form-control col-sm-12','id'=>'country','placeholder'=>'Country'])}} 
                </div>
            </div>                     
        </div>

        <div class="col-md-12 mb-3">
            <label class="col-sm-12">Password</label>
            <input type="password" name="password" id="password" class="col-sm-12 form-control" placeholder="Enter your password">
            <small> <b>Note : This is password will be authorized for web panel only.</b></small>
        </div>                                      
                              
    </div>
    <input type="hidden" name="id" value="{{$data->id ?? ''}}">
    <div class="d-flex flex-wrap gap-2">
        <button type="submit" class="btn btn-primary waves-effect waves-light" id="submit-btn">Submit</button>
        <a href="{{route('users.index')}}" class="btn btn-secondary waves-effect">Back</a>
    </div>                                                                                                   
{{ Form::close() }}