@extends('layouts.dental')
@section('title', 'Cadeiras')
@section('content')
<div style="max-width:600px">
<div style="background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;margin-bottom:24px">
<h3 style="font-weight:600;color:#111827;margin-bottom:16px">Nova Cadeira</h3>
<form method="POST" action="{{ route('chairs.store') }}" style="display:flex;gap:12px;align-items:flex-end">
@csrf
<div style="flex:1"><label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px">Nome *</label>
<input type="text" name="name" placeholder="Ex: Cadeira 1, Sala VIP" required style="width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;box-sizing:border-box"></div>
<div><label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px">Cor</label>
<input type="color" name="color" value="#4CAF50" style="width:48px;height:42px;border:1.5px solid #d1d5db;border-radius:10px;cursor:pointer;padding:2px"></div>
<button type="submit" style="background:#2563eb;color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer">+ Adicionar</button>
</form>
</div>
<div style="background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden">
<div style="padding:16px 20px;border-bottom:1px solid #f3f4f6;font-weight:600;color:#111827">Cadeiras cadastradas</div>
@forelse($chairs as $chair)
<div style="display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #f9fafb">
<div style="width:14px;height:14px;border-radius:50%;background:{{ $chair->color }};flex-shrink:0"></div>
<span style="flex:1;font-size:14px;color:#111827;font-weight:500">{{ $chair->name }}</span>
<span style="font-size:12px;padding:2px 10px;border-radius:999px;background:{{ $chair->active ? '#d1fae5' : '#fee2e2' }};color:{{ $chair->active ? '#065f46' : '#991b1b' }}">{{ $chair->active ? 'Ativa' : 'Inativa' }}</span>
<form method="POST" action="{{ route('chairs.destroy', $chair) }}" onsubmit="return confirm('Desativar?')">
@csrf @method('DELETE')
<button type="submit" style="background:#fee2e2;color:#991b1b;border:none;padding:5px 12px;border-radius:8px;font-size:12px;cursor:pointer">Desativar</button>
</form>
</div>
@empty
<div style="padding:48px;text-align:center;color:#9ca3af"><div style="font-size:36px;margin-bottom:8px">🪑</div><div>Nenhuma cadeira cadastrada</div></div>
@endforelse
</div>
</div>
@endsection