@extends('app')

@section('content')
    <div class="content-wrapper">

        <div class="page-heading">
            <div>
                <h1 class="page-title">Daftar Alat Medis</h1>
                <p class="page-subtitle">Kelola seluruh alat medis di sini</p>
            </div>
            <a href="{{ route('admin.alat-medis.create') }}" class="btn btn-app-primary">
                <i class="fas fa-plus me-2"></i>Tambah Alat Medis
            </a>
        </div>

        @if (session('success'))
            <div class="alert alert-success">
                <i class="fa-solid fa-circle-check me-2"></i>{{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                <i class="fa-solid fa-circle-exclamation me-2"></i>{{ session('error') }}
            </div>
        @endif

        <div class="app-card">
            <div class="app-card-header">
                <div class="app-card-title"><i class="fas fa-table me-2"></i>Data Permintaan</div>
            </div>
            <div class="app-card-body p-0">
                <div class="table-toolbar">
                    <div class="table-search-wrap">
                        <i class="fas fa-search table-search-icon"></i>
                        <input type="text" class="table-search-input" placeholder="Cari kode atau alat medis...">
                    </div>
                    <div class="table-filters">
                        <select class="table-filter-select">
                            <option>Semua Ruangan</option>
                            <option>ICU</option>
                            <option>Kamar Bedah</option>
                            <option>Ruang Bersalin</option>
                        </select>
                        <select class="table-filter-select">
                            <option>Semua Status</option>
                            <option>Pending</option>
                            <option>Disetujui</option>
                            <option>Ditolak</option>
                        </select>
                    </div>
                </div>
                <div class="table-responsive">
                    <table id="dataTable" class="app-table">
                        <thead>
                            <tr>
                                <th>Kode Alat</th>
                                <th>Nama Alat</th>
                                <th>Stok</th>
                                <th>Status</th>
                                <th>Tanggal</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($alatMedis as $item)
                                <tr>
                                    <td>
                                        <span class="code-badge">{{ $item->kode_alat }}</span>
                                    </td>
                                    <td>{{ $item->nama_alat }}</td>
                                    <td><strong>{{ $item->stok }}</strong></td>
                                    <td>
                                        <span class="status-pill status-approved">
                                            <i class="fas fa-check me-1"></i>Tersedia
                                        </span>
                                    </td>
                                    <td class="td-muted">
                                        {{ $item->created_at->format('d M Y') }}
                                    </td>
                                    <td>
                                        <div class="action-btns">

                                            <a href="{{ route('admin.alat-medis.edit', $item->id) }}"
                                                class="action-btn action-btn-edit" title="Edit">
                                                <i class="fas fa-pen"></i>
                                            </a>

                                            <form action="{{ route('admin.alat-medis.destroy', $item->id) }}" method="POST"
                                                style="display:inline;">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="action-btn action-btn-delete" title="Hapus"
                                                    onclick="return confirm('Yakin ingin menghapus data ini?')">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center py-4">
                                        Data alat medis belum tersedia
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                    <div class="p-3 float-end">
                        {{ $alatMedis->links() }}
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection