@extends('admin.layouts.base')
@section('content')
    <div class="container-fluid">

        <div class="d-flex justify-content-between mb-3">
            <h4>Edit Service</h4>
            <a href="{{ route('admin.home-about-services.index') }}" class="btn btn-secondary">Back</a>
        </div>

        <form action="{{ route('admin.home-about-services.update', $aboutService) }}" method="POST"
            enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="row">
                <div class="col-md-8">
                    <div class="form-group mb-3">
                        <label>Service Title *</label>
                        <input type="text" name="title" class="form-control mb-3" value="{{ $aboutService->title }}"
                            required>
                    </div>

                    <div class="form-group mb-3">
                        <label>Description</label>
                        <textarea name="list_items" id="description-editor" class="form-control mb-3"
                            placeholder="Enter bullet point and press Enter">{{ old('list_items', is_array($aboutService->list_items) ? implode("\n", $aboutService->list_items) : $aboutService->list_items) }}</textarea>
                    </div>

                    <div class="form-group mb-3">
                        <label> Image</label>
                        <input type="file" name="image" class="form-control">
                        @if ($aboutService->image)
                            <img src="{{ asset('storage/' . $aboutService->image) }}" class="mt-2" height="70">
                        @endif
                    </div>

                    {{-- Status --}}
                    <div class="form-group mb-3">
                        <label>Status</label>
                        <select name="status" class="form-control">
                            <option value="1" {{ old('status', $aboutService->status) == 1 ? 'selected' : '' }}>Active
                            </option>
                            <option value="0" {{ old('status', $aboutService->status) == 0 ? 'selected' : '' }}>
                                Inactive</option>
                        </select>
                    </div>

                </div>

            </div>

            <div class="mt-4">
                <button class="btn btn-primary">Save</button>
            </div>

        </form>
    </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