@can('Addspace Create')
<div class="col-xl-12 col-lg-12 col-md-12 ">
    <div class="card mt-5">
        <form action="{{route('createAddSpace')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card-header border-0">
                <h4 class="card-title">{{lang('Create an AddSpace')}}</h4>
            </div>
            <div class="card-body">
                <div class="form-group">
                    <label class="form-label">{{lang('Title')}} <span class="text-red">*</span></label>
                    <input type="text" class="form-control @error('addSpaceTitle') is-invalid @enderror"
                        name="addSpaceTitle">
                    @error('addSpaceTitle')
                    <span class="invalid-feedback d-block" role="alert">
                        <strong>{{ lang($message) }}</strong>
                    </span>
                    @enderror
                </div>   
                <div class="form-group">
                    <div class="switch_section">
                        <div class="switch-toggle d-flex mt-4">
                            <label class="form-label pe-2">{{lang('Status')}}</label>
                            <a class="onoffswitch2">
                                <input type="checkbox"  name="status" id="status" class=" toggle-class onoffswitch2-checkbox" >
                                <label for="status" class="toggle-class onoffswitch2-label" ></label>
                            </a>
                        </div>
                    </div>
                </div>  
                <div class="form-group">
                    <div class="col-xl-12 col-lg-8 col-md-8 ">
                        <label class="form-label pe-2">{{lang('Image')}} <span class="text-red">*</span> </label>
                        <div class="spfileupload">
                            <div class="row">
                                <div class="col-xl-8 col-lg-8 col-md-8">
                                    <div class="form-group">
                                        
                                        <div class="@error('addspace') is-invalid @enderror">
                                            <div class="input-group file-browser">
                                                <input class="form-control" id="addspaceImage" name="addspaceImage" type="file"autocomplete="off">
                                                
                                            </div>
                                            <div class="mt-2">
                                                <span class="logo-upload">
                                                <img src="{{ asset('public/uploads/addspace/addimage.png') }}" alt="" height="100" width="100" class="rounded-2" id="add-img">
                                                    <a href="javascript:void(0);" class="d-none badge rounded-pill bg-danger avatar-badge">
                                                        <i class="fe fe-trash"></i>
                                                    </a>
                                                </span>
                                            </div>
                                        </div>
                                        @error('addspace')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ lang($message) }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="form-group">
                    <button type="submit" class="btn btn-secondary" onclick="this.disabled=true;this.innerHTML=`Saving <i class='fa fa-spinner fa-spin'></i>`;this.form.submit();">{{lang('Create Add')}}</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endcan