@extends('layouts.app')
@section('title','Create Permohonan')
@section('content')
<form method="POST" action="{{ route('permohonan.store') }}" enctype="multipart/form-data" class="card p-4">@csrf
<div class="row g-3"><div class="col-md-6"><label class="form-label">VOT</label><select name="vot_id" class="form-select" required><option value="">Pilih VOT</option>@foreach($vot as $v)<option value="{{ $v->id }}">{{ $v->kod }} - {{ $v->nama }} ({{ $v->jabatan?->nama }})</option>@endforeach</select></div><div class="col-md-6"><label class="form-label">Kategori</label><input name="kategori" class="form-control" required></div><div class="col-12"><label class="form-label">Tujuan</label><textarea name="tujuan" class="form-control" rows="3" required></textarea></div><div class="col-md-6"><label class="form-label">Gambar 1</label><input type="file" name="gambar_1" class="form-control image-input" accept="image/png,image/jpeg"></div><div class="col-md-6"><label class="form-label">Gambar 2</label><input type="file" name="gambar_2" class="form-control image-input" accept="image/png,image/jpeg"></div></div>
<hr><div class="d-flex justify-content-between align-items-center mb-2"><h2 class="h6 mb-0">Maklumat Item</h2><button type="button" class="btn btn-sm btn-outline-primary" id="addItem"><i class="bi bi-plus"></i> Item</button></div>
<div class="table-responsive"><table class="table" id="itemsTable"><thead><tr><th>Item</th><th style="width:130px">Kuantiti</th><th style="width:180px">Harga Anggaran</th><th></th></tr></thead><tbody><tr><td><input name="items[0][item]" class="form-control" required></td><td><input name="items[0][kuantiti]" type="number" min="1" class="form-control" required></td><td><input name="items[0][harga_anggaran]" type="number" min="0" step="0.01" class="form-control" required></td><td><button type="button" class="btn btn-outline-danger remove-item"><i class="bi bi-trash"></i></button></td></tr></tbody></table></div>
<div class="d-flex gap-2"><button name="action" value="draft" class="btn btn-outline-secondary">Simpan Draft</button><button name="action" value="submit" class="btn btn-primary">Hantar kepada Pelaksana</button></div>
</form>
@push('scripts')<script>
let i=1;document.getElementById('addItem').onclick=()=>{document.querySelector('#itemsTable tbody').insertAdjacentHTML('beforeend',`<tr><td><input name="items[${i}][item]" class="form-control" required></td><td><input name="items[${i}][kuantiti]" type="number" min="1" class="form-control" required></td><td><input name="items[${i}][harga_anggaran]" type="number" min="0" step="0.01" class="form-control" required></td><td><button type="button" class="btn btn-outline-danger remove-item"><i class="bi bi-trash"></i></button></td></tr>`);i++};document.addEventListener('click',e=>{if(e.target.closest('.remove-item')&&document.querySelectorAll('#itemsTable tbody tr').length>1)e.target.closest('tr').remove()});
</script>@endpush
@endsection