@extends('app')

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

        <div class="page-heading">
            <div>
                <h1 class="page-title">Tambah Alat Medis</h1>
                <p class="page-subtitle">Isi formulir berikut untuk menambahkan data alat medis</p>
            </div>
            <a href="{{ route('logistik.alat-medis.index') }}" class="btn btn-app-ghost">
                <i class="fas fa-arrow-left me-2"></i>Kembali
            </a>
        </div>

        <div class="row g-4">
            <div class="col-lg-8">
                <div class="app-card">
                    <div class="app-card-header">
                        <div class="app-card-title">
                            <i class="fas fa-file-medical me-2"></i>Informasi Alat Medis
                        </div>
                    </div>
                    <div class="app-card-body">
                        <form action="{{ route('logistik.alat-medis.store') }}" method="POST" class="row g-3">
                            @csrf

                            <div class="col-md-6">
                                <label class="app-label">Kode Alat</label>
                                <input type="text" name="kode_alat" class="app-input" value="{{ old('kode_alat') }}"
                                    placeholder="Contoh: ALAT-001" required>
                                @error('kode_alat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="app-label">Nama Alat</label>
                                <input type="text" name="nama_alat" class="app-input" value="{{ old('nama_alat') }}"
                                    placeholder="Nama alat medis" required>
                                @error('nama_alat')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="app-label">Satuan</label>
                                <input type="text" name="satuan" class="app-input" value="{{ old('satuan') }}"
                                    placeholder="Contoh: pcs, box" required>
                                @error('satuan')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="col-12 d-flex gap-3">
                                <button type="submit" class="btn btn-app-primary">
                                    <i class="fas fa-save me-2"></i>Simpan
                                </button>
                                <a href="{{ route('logistik.alat-medis.index') }}" class="btn btn-app-ghost">
                                    Batal
                                </a>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection