@extends('admin.layouts.base')

@section('content')
<div class="container">
    <h2 class="mb-4">Create Service</h2>
   
 <div class="card">
        <div class="card-body">
    <form action="{{ route('admin.home-about.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

    
            {{-- LEFT COLUMN --}}
            

                {{-- Title --}}
                <div class="mb-3">
                    <label class="form-label">Service Title *</label>
                    <input type="text" name="title" class="form-control" required>
                </div>

                {{-- Subtitle --}}
                <div class="mb-3">
                    <label class="form-label">Subtitle</label>
                    <input type="text" name="subtitle" class="form-control">
                </div>

                {{-- Description --}}
                <div class="mb-3">
                    <label class="form-label">Description</label>
                    <textarea name="description" id="description-editor" class="form-control" rows="6"></textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label">Main Image</label>
                    <input type="file" name="main_image" class="form-control">
                </div>

                <div class="mb-3">
                    <label class="form-label">Add Gallery Images</label>
                    <input type="file" name="gallery_images[]" multiple class="form-control">
                </div>

                <div class="mb-3">
                    <label class="form-label">Button Text</label>
                    <input type="text" name="button_text" class="form-control" value="{{ old('button_text') }}">
                    @error('button_text') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Button Link</label>
                    <input type="text" name="button_link" class="form-control" value="{{ old('button_link') }}">
                    @error('button_link') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

         

        
            <button class="btn btn-primary">Save</button>
            <a href="{{ route('admin.home-about.index') }}" class="btn btn-secondary">Back</a>

 

    </form>
        </div>
 </div>
</div>
@endsection

@section('scripts')


{{-- CKEditor --}}
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>

<script>
    CKEDITOR.replace('description-editor', {
        height: 150
    });

    CKEDITOR.replace('list-editor', {
        height: 150,
        removeButtons: 'Image,Table,HorizontalRule',
    });
</script>
@endsection