@extends('admin.layouts.base')

@section('title', 'Edit Our Service')

@section('content')
<div class="card">
    <div class="card-header">
        <h3>Edit Service: {{ $homeOurService->title }}</h3>
    </div>
    <div class="card-body">
        <form action="{{ route('admin.home-our-services.update', $homeOurService) }}" method="POST" enctype="multipart/form-data">
            @csrf @method('PUT')

            <!-- Same fields as create but with model values -->
            <div class="row mb-7">
                <div class="col-md-6">
                    <label class="fs-6 fw-semibold mb-2">Title *</label>
                    <input type="text" name="title" class="form-control form-control-solid"
                           value="{{ old('title', $homeOurService->title) }}" required />
                    @error('title') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
                <div class="col-md-6">
                    <label class="fs-6 fw-semibold mb-2">Status *</label>
                    <select name="is_active" class="form-control form-control-solid" required>
                        <option value="1" {{ old('is_active', $homeOurService->is_active) == 1 ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('is_active', $homeOurService->is_active) == 0 ? 'selected' : '' }}>Inactive</option>
                    </select>
                    @error('is_active') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
            </div>

            <div class="mb-7">
                <label class="fs-6 fw-semibold mb-2">Subtitle / Description *</label>
                <textarea name="subtitle" class="form-control form-control-solid" rows="3" required>{{ old('subtitle', $homeOurService->subtitle) }}</textarea>
                @error('subtitle') <span class="text-danger">{{ $message }}</span> @enderror
            </div>

            @if($homeOurService->image)
            <div class="mb-7">
                <img src="{{ asset('storage/' . $homeOurService->image) }}" width="150" class="img-thumbnail mb-2">
                <p class="text-muted">Current image (upload new to replace)</p>
            </div>
            @endif

            <div class="mb-7">
                <label class="fs-6 fw-semibold mb-2">New Image (optional)</label>
                <input type="file" name="image" class="form-control form-control-solid" accept="image/*" />
                @error('image') <span class="text-danger">{{ $message }}</span> @enderror
            </div>

            <div class="row mb-7">
                <div class="col-md-6">
                    <label class="fs-6 fw-semibold mb-2">Button Text</label>
                    <input type="text" name="button_text" class="form-control form-control-solid"
                           value="{{ old('button_text', $homeOurService->button_text) }}" />
                </div>
                <div class="col-md-6">
                    <label class="fs-6 fw-semibold mb-2">Button Link</label>
                    <input type="url" name="button_link" class="form-control form-control-solid"
                           value="{{ old('button_link', $homeOurService->button_link) }}" placeholder="https://..." />
                </div>
            </div>

            <div class="d-flex justify-content-end">
                <a href="{{ route('admin.home-our-services.index') }}" class="btn btn-secondary me-3">Cancel</a>
                <button type="submit" class="btn btn-primary">Update Service</button>
            </div>
        </form>
    </div>
</div>
@endsection