@extends('layouts.app')
@section('title','New GRN')
@section('page-title','New Goods Received Note')
@section('content')
<div class="card stat-card" style="max-width:800px"><div class="card-header bg-white border-0 fw-semibold pt-3 px-3">Record Material Receipt (GRN)</div><div class="card-body">
<form method="POST" action="{{ route('grn.store') }}" enctype="multipart/form-data">@csrf
  <div class="row g-3">
    <div class="col-md-6"><label class="form-label">Project *</label><select name="project_id" class="form-select" required><option value="">Select</option>@foreach($projects as $p)<option value="{{ $p->id }}">{{ $p->name }}</option>@endforeach</select></div>
    <div class="col-md-6"><label class="form-label">Material *</label><select name="material_id" class="form-select" required><option value="">Select Material</option>@foreach($materials as $m)<option value="{{ $m->id }}">{{ $m->name }} ({{ $m->unit }}) — Stock: {{ $m->current_stock }}</option>@endforeach</select></div>
    <div class="col-md-6"><label class="form-label">Supplier</label><select name="supplier_id" class="form-select"><option value="">Unknown / Direct</option>@foreach($suppliers as $s)<option value="{{ $s->id }}">{{ $s->name }}</option>@endforeach</select></div>
    <div class="col-md-6"><label class="form-label">Date *</label><input name="date" type="date" class="form-control" value="{{ today()->format('Y-m-d') }}" required></div>
    <div class="col-md-3"><label class="form-label">Quantity *</label><input name="quantity" type="number" step="0.01" class="form-control" required id="grnQty" oninput="grnCalc()"></div>
    <div class="col-md-3"><label class="form-label">Unit *</label><input name="unit" class="form-control" required></div>
    <div class="col-md-3"><label class="form-label">Unit Cost (GH₵) *</label><input name="unit_cost" type="number" step="0.01" class="form-control" required id="grnRate" oninput="grnCalc()"></div>
    <div class="col-md-3"><label class="form-label">Total Cost (GH₵)</label><input name="" type="number" class="form-control bg-light" id="grnTotal" readonly></div>
    <div class="col-md-4"><label class="form-label">Payment Mode *</label><select name="payment_mode" class="form-select" required><option>momo</option><option>hubtel</option><option>cash</option><option>bank_transfer</option><option>cheque</option><option>credit</option></select></div>
    <div class="col-md-4"><label class="form-label">Paid By</label><input name="paid_by" class="form-control"></div>
    <div class="col-md-4"><label class="form-label">Received By *</label><input name="received_by" class="form-control" required></div>
    <div class="col-md-6"><label class="form-label">Delivery Note Ref</label><input name="delivery_note_ref" class="form-control"></div>
    <div class="col-md-6 d-flex align-items-end"><div class="form-check mb-2"><input class="form-check-input" type="checkbox" name="is_paid" value="1" checked><label class="form-check-label">Payment Made</label></div></div>
    <div class="col-12"><label class="form-label">Remarks</label><textarea name="remarks" class="form-control" rows="2"></textarea></div>
    <div class="col-md-6"><label class="form-label"><span class="text-danger fw-bold">*</span> Invoice Photo (JPG/PNG/PDF)</label><input name="invoice_attachment" type="file" class="form-control" accept=".jpg,.jpeg,.png,.pdf"></div>
    <div class="col-md-6"><label class="form-label">Receipt Photo (JPG/PNG/PDF)</label><input name="receipt_attachment" type="file" class="form-control" accept=".jpg,.jpeg,.png,.pdf"></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Save GRN & Update Stock</button><a href="{{ route('grn.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection
@push('scripts')<script>function grnCalc(){const q=parseFloat(document.getElementById('grnQty').value)||0,r=parseFloat(document.getElementById('grnRate').value)||0;document.getElementById('grnTotal').value=(q*r).toFixed(2);}</script>@endpush