@extends('admin.layouts.base')

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

@section('content')
<div class="card">
    <div class="card-header">
        <h3>Add New Service</h3>
    </div>
    <div class="card-body">
        <form action="{{ route('admin.home-our-services.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <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') }}" 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', 1) == 1 ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('is_active', 1) == 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') }}</textarea>
                @error('subtitle') <span class="text-danger">{{ $message }}</span> @enderror
            </div>

            <div class="mb-7">
                <label class="fs-6 fw-semibold mb-2">Image</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', 'QUOTE') }}" />
                </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') }}" 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">Create Service</button>
            </div>
        </form>
    </div>
</div>
@endsection