@extends('layouts.admin.app')

@section('title','Obat')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">

    {{-- TITLE --}}
    <h4 class="mb-0">Daftar Obat</h4>

    {{-- RIGHT BUTTONS --}}
    <div class="d-flex gap-2">
        <a href="{{ route('medicines.import.form') }}"
           class="btn btn-success btn-sm">
            <i class="fas fa-file-excel"></i> Import Excel
        </a>

        <a href="{{ route('medicines.create') }}"
           class="btn btn-primary btn-sm">
            <i class="fas fa-plus"></i> Tambah Obat
        </a>
    </div>

</div>

<table id="datatable" class="table table-bordered table-hover">
    <thead class="table-light">
        <tr>
            <th>Nama Obat</th>
            <th>Stok</th>
            <th>Harga</th>
            <th width="150">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @forelse($medicines as $m)
        <tr>
            <td>{{ $m->name }}</td>
            <td>
                @if($m->stock <= 5)
                    <span class="badge bg-danger">{{ $m->stock }}</span>
                @else
                    {{ $m->stock }}
                @endif
            </td>
            <td>Rp {{ number_format($m->price,0,',','.') }}</td>
            <td>
                <a href="{{ route('medicines.edit',$m->id) }}"
                    class="btn btn-sm btn-warning">
                    Edit
                </a>

                <form action="{{ route('medicines.destroy',$m->id) }}"
                        method="POST" class="d-inline"
                        onsubmit="return confirm('Hapus obat ini?')">
                    @csrf
                    @method('DELETE')
                    <button class="btn btn-sm btn-danger">
                        Hapus
                    </button>
                </form>
            </td>
        </tr>
        @empty
        <tr>
            <td colspan="4" class="text-center text-muted py-3">
                Belum ada data obat
            </td>
        </tr>
        @endforelse
    </tbody>
</table>

@endsection