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

            <div class="page-heading">
                <div>
                    <h1 class="page-title">{{ $title }}</h1>
                    <p class="page-subtitle">Isi formulir berikut untuk menambahkan stok alat medis</p>
                </div>
                <a href="{{ route('admin.stok-masuk.index') }}" class="btn-app-ghost">
                    <i class="fa-solid fa-arrow-left me-2"></i>Kembali
                </a>
            </div>

            @if ($errors->any())
                <div class="alert alert-danger">
                    <i class="fa-solid fa-triangle-exclamation me-2"></i>
                    <div>
                        <strong>Terdapat kesalahan input:</strong>
                        <ul class="mb-0 mt-1 ps-3">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif

            <div class="row g-4">
                <div class="col-12 col-lg-8">
                    <div class="app-card">
                        <div class="app-card-header">
                            <span class="app-card-title">
                                <i class="fa-solid fa-arrow-trend-up me-2"></i>Form Stok Masuk
                            </span>
                        </div>
                        <div class="app-card-body">
                            <form action="{{ route('admin.stok-masuk.store') }}" method="POST" class="row g-3">
                                @csrf

                                <div class="col-12">
                                    <label class="app-label">Alat Medis <span class="text-danger">*</span></label>
                                    <select name="id_alat_medis"
                                        class="app-select @error('id_alat_medis') is-invalid @enderror" required>
                                        <option value="">— Pilih Alat Medis —</option>
                                        @foreach ($alatMedis as $alat)
                                            <option value="{{ $alat->id }}"
                                                {{ old('id_alat_medis') == $alat->id ? 'selected' : '' }}>
                                                {{ $alat->nama_alat }}
                                                @if ($alat->kode_alat)
                                                    ({{ $alat->kode_alat }})
                                                @endif
                                                — Stok: {{ $alat->stok }} {{ $alat->satuan }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('id_alat_medis')
                                        <small class="text-danger"><i
                                                class="fa-solid fa-triangle-exclamation me-1"></i>{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="col-md-6">
                                    <label class="app-label">Jumlah Masuk <span class="text-danger">*</span></label>
                                    <input type="number" name="jumlah" value="{{ old('jumlah') }}"
                                        class="app-input @error('jumlah') is-invalid @enderror" placeholder="0"
                                        min="1" required>
                                    @error('jumlah')
                                        <small class="text-danger"><i
                                                class="fa-solid fa-triangle-exclamation me-1"></i>{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="col-md-6">
                                    <label class="app-label">Tanggal Masuk <span class="text-danger">*</span></label>
                                    <input type="date" name="tanggal_masuk"
                                        value="{{ old('tanggal_masuk', date('Y-m-d')) }}"
                                        class="app-input @error('tanggal_masuk') is-invalid @enderror"
                                        max="{{ date('Y-m-d') }}" required>
                                    @error('tanggal_masuk')
                                        <small class="text-danger"><i
                                                class="fa-solid fa-triangle-exclamation me-1"></i>{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="col-12 d-flex gap-2">
                                    <button type="submit" class="btn-app-primary">
                                        <i class="fa-solid fa-floppy-disk me-2"></i>Simpan
                                    </button>
                                    <a href="{{ route('admin.stok-masuk.index') }}" class="btn-app-ghost">Batal</a>
                                </div>

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

                <div class="col-12 col-lg-4">
                    <div class="app-card">
                        <div class="app-card-header">
                            <span class="app-card-title">
                                <i class="fa-solid fa-circle-info me-2"></i>Informasi
                            </span>
                        </div>
                        <div class="app-card-body">
                            <div class="guide-list">
                                <div class="guide-item">
                                    <div class="guide-step">1</div>
                                    <div class="guide-text">
                                        <strong>Pilih Alat Medis</strong>
                                        <span>Pilih alat yang stoknya ingin ditambahkan</span>
                                    </div>
                                </div>
                                <div class="guide-item">
                                    <div class="guide-step">2</div>
                                    <div class="guide-text">
                                        <strong>Isi Jumlah & Tanggal</strong>
                                        <span>Masukkan jumlah yang masuk dan tanggal penerimaan</span>
                                    </div>
                                </div>
                                <div class="guide-item">
                                    <div class="guide-step">3</div>
                                    <div class="guide-text">
                                        <strong>Simpan</strong>
                                        <span>Stok alat medis akan otomatis bertambah</span>
                                    </div>
                                </div>
                            </div>
                            <div class="alert alert-warning mt-3 mb-0" style="font-size:13px">
                                <i class="fa-solid fa-triangle-exclamation me-1"></i>
                                Menghapus data stok masuk akan <strong>mengurangi stok</strong> alat medis kembali sejumlah
                                yang diinput.
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection