@extends('layouts.app')
@section('title','Master Harga Bahan')
@section('breadcrumb')<a href="{{ route('estimasi.index') }}">Estimasi</a><i class="bi bi-chevron-right"></i><span>Harga Bahan</span>@endsection
@section('content')
<div class="pf-page-header">
    <div><h1 class="pf-page-title"><i class="bi bi-tags-fill me-2 text-primary-pf"></i>Master Harga Bahan</h1><p class="pf-page-subtitle">Kelola harga kertas, tinta, dan bahan finishing untuk kalkulasi HPP</p></div>
    <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalTambah"><i class="bi bi-plus-lg"></i> Tambah Bahan</button>
</div>
<div class="pf-card">
    <div class="pf-card-body p-0"><div class="table-responsive"><table class="table table-hover mb-0" id="tblBahan">
        <thead><tr><th>Kode</th><th>Nama Bahan</th><th>Kategori</th><th>Gramatur</th><th>Harga/Kg</th><th>Harga/Rim</th><th>Satuan</th><th>Tgl Berlaku</th><th>Aktif</th><th>Aksi</th></tr></thead>
        <tbody>
        @foreach($bahanList as $b)
        <tr>
            <td class="font-mono" style="font-size:12px">{{ $b->kode }}</td>
            <td style="font-weight:500">{{ $b->nama }}</td>
            <td><span style="background:var(--pf-bg);font-size:12px;padding:2px 8px;border-radius:4px">{{ ucfirst($b->kategori) }}</span></td>
            <td class="font-mono">{{ $b->gramatur?$b->gramatur.' gsm':'-' }}</td>
            <td class="font-mono">Rp {{ number_format($b->harga_per_kg,0,',','.') }}</td>
            <td class="font-mono">{{ $b->harga_per_rim?'Rp '.number_format($b->harga_per_rim,0,',','.'):'—' }}</td>
            <td>{{ $b->satuan }}</td>
            <td style="font-size:12.5px">{{ $b->tgl_berlaku?->format('d/m/Y') }}</td>
            <td><span class="pf-status {{ $b->aktif?'pf-status-selesai':'pf-status-batal' }}">{{ $b->aktif?'Aktif':'Nonaktif' }}</span></td>
            <td>
                <form method="POST" action="{{ route('estimasi.harga-bahan') }}/{{ $b->id }}" style="display:inline">@csrf @method('DELETE')<button type="submit" class="btn btn-xs btn-outline-danger" onclick="return confirm('Hapus?')"><i class="bi bi-trash"></i></button></form>
            </td>
        </tr>
        @endforeach
        </tbody>
    </table></div></div>
</div>
{{-- Modal Tambah --}}
<div class="modal fade" id="modalTambah" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content" style="border-radius:var(--pf-radius-lg);border:1px solid var(--pf-border)">
            <div class="modal-header" style="border-bottom:1px solid var(--pf-border)"><h5 class="modal-title">Tambah Harga Bahan</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <form action="{{ route('estimasi.harga-bahan') }}" method="POST"><div class="modal-body">@csrf
                <div class="row g-3">
                    <div class="col-6"><label class="form-label">Kode <span class="text-danger">*</span></label><input type="text" class="form-control font-mono" name="kode" required placeholder="AP100"></div>
                    <div class="col-6"><label class="form-label">Kategori</label><select class="form-select" name="kategori"><option value="kertas">Kertas</option><option value="tinta">Tinta</option><option value="finishing">Finishing</option><option value="lain">Lainnya</option></select></div>
                    <div class="col-12"><label class="form-label">Nama Bahan <span class="text-danger">*</span></label><input type="text" class="form-control" name="nama" required placeholder="Art Paper 100 gsm"></div>
                    <div class="col-6"><label class="form-label">Gramatur (gsm)</label><input type="number" class="form-control" name="gramatur" min="0" step="0.1" placeholder="100"></div>
                    <div class="col-6"><label class="form-label">Satuan</label><select class="form-select" name="satuan"><option value="kg">kg</option><option value="rim">rim</option><option value="lembar">lembar</option><option value="liter">liter</option></select></div>
                    <div class="col-6"><label class="form-label">Harga/Kg (Rp) <span class="text-danger">*</span></label><input type="number" class="form-control font-mono" name="harga_per_kg" required min="0" placeholder="85000"></div>
                    <div class="col-6"><label class="form-label">Harga/Rim (Rp)</label><input type="number" class="form-control font-mono" name="harga_per_rim" min="0" placeholder="Opsional"></div>
                    <div class="col-6"><label class="form-label">Tgl Berlaku</label><input type="date" class="form-control" name="tgl_berlaku" value="{{ date('Y-m-d') }}"></div>
                    <div class="col-12"><label class="form-label">Keterangan</label><textarea class="form-control" name="keterangan" rows="2"></textarea></div>
                </div>
            </div><div class="modal-footer" style="border-top:1px solid var(--pf-border)"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Batal</button><button type="submit" class="btn btn-primary"><i class="bi bi-save2-fill"></i> Simpan</button></div></form>
        </div>
    </div>
</div>
@endsection
@push('scripts')<script>$(document).ready(()=>$('#tblBahan').DataTable({pageLength:25,order:[[1,'asc']]}));</script>@endpush