@extends('layouts.admin-layout')

@section('title', isset($service) ? 'Edit Service' : 'Add Service')
@section('content')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">{{ isset($service) ? 'Edit' : 'Add' }} Service</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.home.services.index') }}">Services</a></li>
                            <li class="breadcrumb-item active">{{ isset($service) ? 'Edit' : 'Add' }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <section class="content">
            <div class="container-fluid">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Service Details</h3>
                    </div>
                    <div class="card-body">
                        @php
                            $action = isset($service)
                                ? route('admin.home.services.update', $service->id)
                                : route('admin.home.services.store');
                        @endphp
                        <form action="{{ $action }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label>Title <span class="text-danger">*</span></label>
                                        <input type="text" name="title"
                                            class="form-control @error('title') is-invalid @enderror"
                                            value="{{ old('title', $service->title ?? '') }}" placeholder="Service title">
                                        @error('title')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label>Description</label>
                                        <textarea name="description" class="form-control" rows="3" placeholder="Short description">{{ old('description', $service->description ?? '') }}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label>Full Description</label>
                                        <textarea name="full_description" class="form-control" rows="5" placeholder="Detailed description">{{ old('full_description', $service->full_description ?? '') }}</textarea>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Sort Order</label>
                                                <input type="number" name="sort_order" class="form-control"
                                                    value="{{ old('sort_order', $service->sort_order ?? 0) }}">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mt-4 pt-2">
                                                <div class="custom-control custom-switch">
                                                    <input type="checkbox" class="custom-control-input" id="is_active"
                                                        name="is_active"
                                                        {{ old('is_active', $service->is_active ?? true) ? 'checked' : '' }}>
                                                    <label class="custom-control-label" for="is_active">Active</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Service Image</label>
                                        @if (isset($service) && $service->getMedia('service_image')->isNotEmpty())
                                            <div class="mb-2">
                                                <img src="{{ $service->getFirstMediaUrl('service_image') }}"
                                                    class="img-fluid img-thumbnail" style="max-height:180px;"
                                                    alt="Service Image">
                                            </div>
                                        @endif
                                        <input type="file" name="service_image" class="form-control-file"
                                            accept="image/*">
                                        <small class="text-muted">Recommended: 400×300px</small>
                                    </div>
                                </div>
                            </div>
                            <div class="text-right">
                                <a href="{{ route('admin.home.services.index') }}"
                                    class="btn btn-secondary mr-2">Cancel</a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save"></i> {{ isset($service) ? 'Update' : 'Save' }} Service
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
    </div>
    </section>
@endsection