@extends('layouts.app')
@section('title','Add Material')
@section('page-title','Add Material')
@section('content')
<div class="card stat-card" style="max-width:600px"><div class="card-header bg-white border-0 fw-semibold pt-3 px-3">Add Material to Register</div><div class="card-body">
<form method="POST" action="{{ route('materials.store') }}">@csrf
  <div class="row g-3">
    <div class="col-md-8"><label class="form-label">Material Name *</label><input name="name" class="form-control" required></div>
    <div class="col-md-4"><label class="form-label">Code *</label><input name="code" class="form-control" placeholder="CEM-01" required></div>
    <div class="col-md-6"><label class="form-label">Category *</label><input name="category" class="form-control" list="catList" required><datalist id="catList"><option>Cement</option><option>Sand</option><option>Stones</option><option>Blocks</option><option>Iron Rods</option><option>Laterite</option><option>Equipment</option><option>Electrical</option><option>Plumbing</option><option>Misc</option></datalist></div>
    <div class="col-md-6"><label class="form-label">Unit *</label><input name="unit" class="form-control" list="unitList" required><datalist id="unitList"><option>bags</option><option>trips</option><option>pcs</option><option>bundles</option><option>rolls</option><option>litres</option><option>kg</option></datalist></div>
    <div class="col-md-4"><label class="form-label">Current Stock</label><input name="current_stock" type="number" step="0.01" class="form-control" value="0"></div>
    <div class="col-md-4"><label class="form-label">Reorder Level</label><input name="reorder_level" type="number" step="0.01" class="form-control" value="0"></div>
    <div class="col-md-4"><label class="form-label">Unit Cost (GH₵)</label><input name="unit_cost" type="number" step="0.01" class="form-control"></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Save</button><a href="{{ route('materials.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection