@extends('layouts.admin')

@section('title', isset($service) ? 'Edit Service' : 'Add Service')
@section('page-title', isset($service) ? 'Edit Service: ' . $service->title : 'Add Service Offering')

@section('content')
<div class="admin-card" style="max-width: 800px;">
  <form method="POST" action="{{ isset($service) ? route('admin.services.update', $service->id) : route('admin.services.store') }}">
    @csrf
    @if(isset($service))
      @method('PUT')
    @endif

    <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;">
      <div class="form-group">
        <label class="form-label">Service Title *</label>
        <input type="text" name="title" value="{{ old('title', $service->title ?? '') }}" class="form-control" required placeholder="e.g. Executive Search & CXO Hiring">
      </div>

      <div class="form-group">
        <label class="form-label">FontAwesome Icon Class *</label>
        <input type="text" name="icon" value="{{ old('icon', $service->icon ?? 'fas fa-chess-king') }}" class="form-control" required placeholder="fas fa-chess-king">
      </div>
    </div>

    <div class="form-group" style="margin-bottom: 1.25rem;">
      <label class="form-label">Short Summary (Used in cards & listings) *</label>
      <textarea name="short_description" rows="3" class="form-control" required placeholder="Concise value proposition...">{{ old('short_description', $service->short_description ?? '') }}</textarea>
    </div>

    <div class="form-group" style="margin-bottom: 1.5rem;">
      <label class="form-label">Detailed Solution Scope &amp; Methodology</label>
      <textarea name="full_description" rows="8" class="form-control" placeholder="Detailed explanation of the process, milestones, and guarantees...">{{ old('full_description', $service->full_description ?? '') }}</textarea>
    </div>

    <div style="margin-bottom: 2rem;">
      <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
        <input type="checkbox" name="is_active" value="1" {{ old('is_active', $service->is_active ?? true) ? 'checked' : '' }}>
        <strong>Enable &amp; Display on Website</strong>
      </label>
    </div>

    <div style="display: flex; gap: 1rem;">
      <button type="submit" class="btn btn-primary">
        <i class="fas fa-save"></i> {{ isset($service) ? 'Update Service' : 'Save Service' }}
      </button>
      <a href="{{ route('admin.services.index') }}" class="btn btn-outline">Cancel</a>
    </div>
  </form>
</div>
@endsection