@extends('admin.admin_dashboard')
@section('admin')
<div class="page-content">
  <div class="page-breadcrumb d-flex justify-content-between align-items-center mb-3 p-3 bg-primary text-white rounded shadow-sm">
    <h5 class="mb-0">Add Resource Cost to “{{ $project->name }}”</h5>
    <a href="{{ route('projects.resource-costs.index',$project) }}" class="btn btn-light"><i class="bx bx-arrow-back"></i></a>
  </div>
  <div class="card shadow-sm rounded-lg border-0">
    <div class="card-body p-4">
      <form method="POST" action="{{ route('projects.resource-costs.store',$project) }}">
        @csrf
        <div class="row g-3 mb-4">
          <div class="col-md-4">
            <label class="form-label">Date</label>
            <input type="date" name="date" class="form-control" value="{{ old('date') }}" required>
          </div>
          <div class="col-md-4">
            <label class="form-label">Resource</label>
            <select name="resource_id" class="form-select">
              <option value="">Select…</option>
              @foreach($resources as $r)
                <option value="{{ $r->id }}" @selected(old('resource_id')==$r->id)>
                  {{ $r->name }} ({{ number_format($r->hourly_rate,2) }}/hr)
                </option>
              @endforeach
            </select>
          </div>
          <div class="col-md-2">
            <label class="form-label">Hours</label>
            <input type="number" step="0.01" name="hours" class="form-control text-end" value="{{ old('hours') }}" required>
          </div>
          <div class="col-md-2">
            <label class="form-label">Rate</label>
            <input type="number" step="0.01" name="rate" class="form-control text-end" value="{{ old('rate') }}" required>
          </div>
          <div class="col-12">
            <label class="form-label">Notes</label>
            <textarea name="notes" class="form-control">{{ old('notes') }}</textarea>
          </div>
        </div>
        <div class="text-end">
          <button class="btn btn-success px-4">Save</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection