@extends('app')

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

        <div class="page-heading">
            <div>
                <h1 class="page-title">Ubah Alat Medis</h1>
                <p class="page-subtitle">Perbarui data alat medis</p>
            </div>
            <a href="{{ route('admin.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">

                        {{-- ERROR GLOBAL --}}
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <form action="{{ route('admin.alat-medis.update', $alatMedis->id) }}" method="POST"
                            class="row g-3">
                            @csrf
                            @method('PUT')

                            <div class="col-md-6">
                                <label class="app-label">Kode Alat</label>
                                <input type="text" name="kode_alat"
                                    class="app-input @error('kode_alat') is-invalid @enderror"
                                    value="{{ old('kode_alat', $alatMedis->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 @error('nama_alat') is-invalid @enderror"
                                    value="{{ old('nama_alat', $alatMedis->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 @error('satuan') is-invalid @enderror"
                                    value="{{ old('satuan', $alatMedis->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>Update
                                </button>
                                <a href="{{ route('admin.alat-medis.index') }}" class="btn btn-app-ghost">
                                    Batal
                                </a>
                            </div>

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

    </div>
@endsection