@extends('admin.layouts.app')

@section('title', $muscle->exists ? 'ویرایش عضله' : 'عضله جدید')

@section('content')
    <h1 class="text-xl font-bold mb-6">{{ $muscle->exists ? 'ویرایش عضله' : 'عضله جدید' }}</h1>

    <form method="POST"
          action="{{ $muscle->exists ? route('admin.muscles.update', $muscle) : route('admin.muscles.store') }}"
          class="bg-white rounded-xl shadow-sm p-6 max-w-md space-y-4">
        @csrf
        @if($muscle->exists) @method('PUT') @endif

        <div>
            <label class="block text-sm mb-1">نام *</label>
            <input type="text" name="name" value="{{ old('name', $muscle->name) }}" class="w-full border rounded-lg px-3 py-2" required>
            @error('name') <p class="text-red-600 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div>
            <label class="block text-sm mb-1">ترتیب نمایش</label>
            <input type="number" name="sort_order" value="{{ old('sort_order', $muscle->sort_order ?? 0) }}" class="w-32 border rounded-lg px-3 py-2">
        </div>

        <label class="flex items-center gap-2 text-sm">
            <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $muscle->is_active ?? true))>
            فعال
        </label>

        <div class="flex gap-3 pt-2">
            <button class="bg-gray-900 text-white px-5 py-2 rounded-lg text-sm">ذخیره</button>
            <a href="{{ route('admin.muscles.index') }}" class="px-5 py-2 rounded-lg text-sm border">انصراف</a>
        </div>
    </form>
@endsection