{{ Form::model($data ?? '',['route'=>['groups.store'],'files' =>'true','class' =>'','id'=>'submit-form', 'autocomplete' => 'off']) }}
    <div class="row">
        <div class="col-md-4 mb-3">
            <label class="col-sm-12 col-form-label">User</label>
            <div class="col-sm-12">
                <select class="form-control select2-ajax-usernames" name="user_id" required>
                    @if(isset($user) && $user!=false)
                        <option value="{{$user->id}}">{{$user->name}}</option>
                    @endif
                </select>                                                
            </div>    
        </div>

        <div class="col-md-4 mb-3">
            <label class="col-sm-12 col-form-label">Group Name</label>
            <div class="col-sm-12">
                {{Form::text('name',null,['class'=>'form-control','placeholder'=>'Enter Group Name','required'=>'required'])}}
            </div>    
        </div>

        <div class="col-md-4 mb-3">
            <label class="col-sm-12 col-form-label">Banner</label>
            <div class="col-sm-12">
                <input type="file" name="image" class="form-control" accept="image/*" />
            </div>
        </div>     
        <div class="col-md-12 mb-3">
            <label class="col-sm-12 col-form-label">Add Location</label>
            <div class="col-sm-12">
                {{Form::text('address',null,['class'=>'form-control','id'=>'address','placeholder'=>'Add Location','required'=>'required'])}}
            </div>
        </div>

        <div class="col-md-12 mb-3 alignCenter">
            <div class="row">
                <div class="col-sm-3">
                    <label>Latitude</label>
                    {{Form::number('latitude',null,['class'=>'form-control','placeholder'=>'Latitude','id'=>'latitude','required'=>'required','step'=>'any'])}}
                </div>
                <div class="col-sm-3">
                    <label>Longitude</label>
                    {{Form::number('longitude',null,['class'=>'form-control','placeholder'=>'Longitude','id'=>'longitude','required'=>'required','step'=>'any'])}}
                </div>  
                <div class="col-sm-2">
                    <label>City</label>
                    {{Form::text('city',null,['class'=>'form-control','placeholder'=>'City','id'=>'city'])}}
                </div>  
                
                <div class="col-sm-2">
                    <label>State</label>
                    {{Form::text('state',null,['class'=>'form-control','placeholder'=>'State','id'=>'state'])}}
                </div>                      

                <div class="col-sm-2">
                    <label>Country</label>
                    {{Form::text('country',null,['class'=>'form-control','placeholder'=>'Country','id'=>'country','required'=>'required'])}}
                </div>                      
            </div>  
        </div>

        <div class="col-md-12 mb-3">
            <label class="col-sm-12 col-form-label">
                {{ !isset($data->members) ? 'Add Members' : 'Members' }}
            </label>
            <div class="col-sm-12">
                @if(!isset($data->members)) 
                <select name="members[]" multiple class="form-control select2-ajax-usernames">
                    @if(isset($data->members) && $data->members->count() > 0 )
                        @foreach( $data->members as $i=>$member )
                            <option selected value="{{$member->user->id}}">{{$member->user->name}}</option>
                        @endforeach    
                    @endif                                        
                </select>
                @endif 
            </div>
        </div>

        <div class="col-md-4 mb-3 alignBaseline">
            @php
             $type = isset($data->type) ? $data->type:'private';
            @endphp
            <label class="col-sm-12 col-form-label">Chose Privacy</label>
            <div class="col-sm-12">
                <label>
                    <input type="radio" name="type" {{$type=='private'?'checked':''}}  value="private" />
                    Private
                </label>
                <label>
                    <input type="radio" {{$type=='public'?'checked':''}} name="type" value="public" />
                    Public
                </label>    
            </div>    
        </div>

        <div class="col-md-12 mb-3">
            <label class="col-sm-12 col-form-label">Rules</label>
            <div class="col-sm-12">
                {{Form::textarea('rules',null,['class'=>'form-control','placeholder'=>'Add Rules','required'=>'required','rows'=>"4"])}}
            </div>
        </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('groups.index')}}" class="btn btn-secondary waves-effect">Back</a>
    </div>       
{{Form::close()}}