@extends('admin.layouts.app')
@section('title', isset($solution) ? 'Edit Solution' : 'Add Solution')
@section('page-title', isset($solution) ? 'Edit Solution' : 'Add Solution')
@section('content')
<div class="mb-3"><a href="{{ route('admin.solutions.index') }}" class="btn btn-sm" style="border:1px solid #e2e8f0;color:#374151"><i class="bi bi-arrow-left me-1"></i>Back</a></div>

<form method="POST" action="{{ isset($solution) ? route('admin.solutions.update', $solution->id) : route('admin.solutions.store') }}" enctype="multipart/form-data">
    @csrf @if(isset($solution)) @method('PUT') @endif
    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card-admin p-4 mb-3">
                <div class="fw-700 mb-3" style="font-size:.88rem">Solution Information</div>
                <div class="mb-3">
                    <label class="form-label">Title *</label>
                    <input type="text" name="title" class="form-control" value="{{ old('title', $solution->title ?? '') }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Short Description</label>
                    <textarea name="short_description" class="form-control" rows="2">{{ old('short_description', $solution->short_description ?? '') }}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label">Full Description (HTML allowed)</label>
                    <textarea name="full_description" class="form-control" rows="10">{{ old('full_description', $solution->full_description ?? '') }}</textarea>
                </div>
                <div class="mb-0">
                    <label class="form-label">Icon SVG <span style="font-size:.74rem;color:#94a3b8">(paste inline SVG code)</span></label>
                    <textarea name="icon_svg" class="form-control" rows="3" style="font-family:monospace;font-size:.78rem">{{ old('icon_svg', $solution->icon_svg ?? '') }}</textarea>
                </div>
            </div>
            <div class="card-admin p-4">
                <div class="fw-700 mb-3" style="font-size:.88rem">SEO</div>
                <div class="mb-3"><label class="form-label">Meta Title</label><input type="text" name="meta_title" class="form-control" value="{{ old('meta_title', $solution->meta_title ?? '') }}"></div>
                <div class="mb-0"><label class="form-label">Meta Description</label><textarea name="meta_description" class="form-control" rows="2">{{ old('meta_description', $solution->meta_description ?? '') }}</textarea></div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card-admin p-4 mb-3">
                <div class="fw-700 mb-3" style="font-size:.88rem">Publish</div>
                <div class="mb-3">
                    <label class="form-label">Status</label>
                    <select name="is_active" class="form-select">
                        <option value="1" {{ old('is_active', $solution->is_active ?? 1) == 1 ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('is_active', $solution->is_active ?? 1) == 0 ? 'selected' : '' }}>Inactive</option>
                    </select>
                </div>
                <div class="mb-3"><label class="form-label">Sort Order</label><input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $solution->sort_order ?? 0) }}"></div>
                <button type="submit" class="btn btn-admin w-100">{{ isset($solution) ? 'Update Solution' : 'Save Solution' }}</button>
            </div>
            <div class="card-admin p-4">
                <div class="fw-700 mb-3" style="font-size:.88rem">Hero Image</div>
                @if(isset($solution) && $solution->hero_image)
                <img src="{{ asset('uploads/images/'.$solution->hero_image) }}" alt="" style="max-height:100px;max-width:100%;object-fit:contain;margin-bottom:.5rem">
                @endif
                <input type="file" name="hero_image" class="form-control form-control-sm" accept="image/*">
            </div>
        </div>
    </div>
</form>
@endsection