@extends('admin.layouts.app')

@php($editing = $spell->exists)

@section('title', $editing ? "Ubah {$spell->name}" : 'Buat Battle Spell')

@section('breadcrumb')
  <li class="breadcrumb-item"><a href="{{ route('admin.spells.index') }}">Battle Spell</a></li>
  <li class="breadcrumb-item active" aria-current="page">{{ $editing ? 'Ubah' : 'Buat' }}</li>
@endsection

@section('actions')
  <button type="submit" form="spell-form" class="btn btn-primary"><i class="bi bi-check2-circle"></i> Simpan</button>
@endsection

@section('content')
  <form id="spell-form" method="POST" enctype="multipart/form-data" novalidate
        action="{{ $editing ? route('admin.spells.update', $spell) : route('admin.spells.store') }}">
    @csrf
    @if ($editing) @method('PUT') @endif

    <x-admin.card title="Informasi battle spell">
      <div class="row g-3">
        <div class="col-md-6"><x-admin.input name="name" label="Nama battle spell" :value="$spell->name" required data-slug-source="#f-slug" /></div>
        <div class="col-md-6"><x-admin.input name="slug" label="Slug" :value="$spell->slug" help="Otomatis dari nama." /></div>
        <div class="col-md-6"><x-admin.input name="cooldown" label="Cooldown" :value="$spell->cooldown" placeholder="Contoh: 100s, 75s" /></div>
        <div class="col-md-6"><x-admin.image name="icon" label="Icon battle spell" :current="$spell->icon_url" help="PNG atau WEBP, maks 2 MB." /></div>
        <div class="col-12"><x-admin.textarea name="description" label="Deskripsi & efek" :value="$spell->description" rows="5" placeholder="Efek aktif battle spell saat digunakan di match…" /></div>
      </div>
    </x-admin.card>

    <x-admin.form-actions :cancel="route('admin.spells.index')" />
  </form>
@endsection