@extends('layouts.admin')
@section('title', 'Tambah Terapis')
@section('breadcrumb', 'Master Data / Terapis / Tambah Baru')
@section('content')

<div style="max-width:700px;">
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-user-plus" style="color:var(--sage);margin-right:8px;"></i> Tambah Terapis Baru</h3>
        <a href="{{ route('admin.therapists') }}" class="btn btn-outline btn-sm"><i class="fas fa-arrow-left"></i> Kembali</a>
    </div>
    <form method="POST" action="{{ route('admin.therapists.store') }}">
        @csrf
        <div class="form-grid form-grid-2">
            <div class="form-group">
                <label>Nama Lengkap <span style="color:var(--danger)">*</span></label>
                <input type="text" name="name" class="form-input {{ $errors->has('name') ? 'error' : '' }}"
                       value="{{ old('name') }}" placeholder="Cth: Rani Puspita" autofocus>
                @error('name')<div class="form-error">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label>Spesialisasi / Skill <span style="color:var(--danger)">*</span></label>
                <input type="text" name="skill" class="form-input {{ $errors->has('skill') ? 'error' : '' }}"
                       value="{{ old('skill') }}" placeholder="Cth: Refleksi, Massage, Aroma">
                @error('skill')<div class="form-error">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label>Status Awal <span style="color:var(--danger)">*</span></label>
                <select name="status" class="form-select {{ $errors->has('status') ? 'error' : '' }}">
                    <option value="available" {{ old('status')=='available' ? 'selected' : '' }}>✓ Tersedia</option>
                    <option value="busy"      {{ old('status')=='busy'      ? 'selected' : '' }}>⏳ Sedang Sibuk</option>
                    <option value="off"       {{ old('status')=='off'       ? 'selected' : '' }}>✗ Tidak Masuk</option>
                </select>
                @error('status')<div class="form-error">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label>ID Foto Avatar</label>
                <input type="number" name="image_id" class="form-input"
                       value="{{ old('image_id', rand(1,70)) }}" min="1" max="70">
                <div class="form-hint">Angka 1–70 untuk avatar dari pravatar.cc</div>
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Simpan Terapis</button>
            <a href="{{ route('admin.therapists') }}" class="btn btn-outline">Batal</a>
        </div>
    </form>
</div>
</div>
@endsection