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

    <h2 class="mb-4">Edit Service</h2>

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

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

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

                <div class="mb-3">
                    <label class="form-group">Description</label>
                    <textarea name="description" id="description-editor"
                              class="form-control">{!! $about->description !!}</textarea>
                </div>

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

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

                    @if($about->gallery_images)
                        <div class="mt-2 d-flex flex-wrap gap-2">
                            @foreach($about->gallery_images as $img)
                                <img src="{{ asset('storage/'.$img) }}" height="60">
                            @endforeach
                        </div>
                    @endif
                </div>
                <div class="mb-3">
                    <label class="form-label">Button Text</label>
                    <input type="text" name="button_text" class="form-control" value="{!! $about->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="{!! $about->button_link!!}">
                    @error('button_link') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

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


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