@extends('layouts.app')
@section('title','Register Tool')
@section('page-title','Register Tool')
@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">Register Tool</div><div class="card-body">
<form method="POST" action="{{ route('tools.store') }}">@csrf
  <div class="row g-3">
    <div class="col-md-8"><label class="form-label">Tool Name *</label><input name="name" class="form-control" required></div>
    <div class="col-md-4"><label class="form-label">Tag Number *</label><input name="tag_number" class="form-control" required></div>
    <div class="col-md-6"><label class="form-label">Category *</label><input name="category" class="form-control" list="toolCats" required><datalist id="toolCats"><option>Hand Tools</option><option>Power Tools</option><option>Safety Equipment</option><option>Measuring Instruments</option><option>Site Equipment</option></datalist></div>
    <div class="col-md-3"><label class="form-label">Quantity</label><input name="quantity" type="number" step="0.01" class="form-control" value="1"></div>
    <div class="col-md-3"><label class="form-label">Condition</label><select name="condition" class="form-select"><option value="good">Good</option><option value="fair">Fair</option><option value="damaged">Damaged</option></select></div>
    <div class="col-md-6"><label class="form-label">Description</label><input name="description" class="form-control"></div>
    <div class="col-md-6"><label class="form-label">Purchase Date</label><input name="purchase_date" type="date" class="form-control"></div>
    <div class="col-md-6"><label class="form-label">Purchase Cost (GH₵)</label><input name="purchase_cost" type="number" step="0.01" class="form-control"></div>
    <div class="col-md-6"><label class="form-label">Assign to Project</label><select name="project_id" class="form-select"><option value="">None</option>@foreach($projects as $p)<option value="{{ $p->id }}">{{ $p->name }}</option>@endforeach</select></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Save</button><a href="{{ route('tools.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection