@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">Income Summary</h4>
    <a href="{{ route('incomes.index') }}" class="btn btn-outline-secondary">Back</a>
  </div>

  <form method="GET" class="row g-2 mb-3">
    <div class="col-md-4">
      <select name="company_id" class="form-select">
        <option value="">All Companies</option>
        @foreach($companies as $c)
          <option value="{{ $c->id }}" @selected($company_id==$c->id)>{{ $c->name }}</option>
        @endforeach
      </select>
    </div>
    <div class="col-md-3"><input type="date" name="from" value="{{ $from }}" class="form-control"></div>
    <div class="col-md-3"><input type="date" name="to"   value="{{ $to   }}" class="form-control"></div>
    <div class="col-md-2 d-flex gap-2">
      <button class="btn btn-outline-primary w-100">Filter</button>
      <a href="{{ route('incomes.summary') }}" class="btn btn-outline-secondary">Reset</a>
    </div>
  </form>

  <div class="row g-3">
    <div class="col-md-4">
      <div class="border rounded p-3">
        <div class="text-muted small">Total Income</div>
        <div class="fs-5 fw-semibold">{{ number_format($incomeTotal,2) }}</div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="border rounded p-3">
        <div class="text-muted small">Company/Office Expenses</div>
        <div class="fs-5 fw-semibold">{{ number_format($companyExpenseTotal,2) }}</div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="border rounded p-3">
        <div class="text-muted small">Fuel Expenses</div>
        <div class="fs-5 fw-semibold">{{ number_format($fuelExpenseTotal,2) }}</div>
      </div>
    </div>

    <div class="col-md-4">
      <div class="border rounded p-3">
        <div class="text-muted small">Timesheets Amount</div>
        <div class="fs-5 fw-semibold">{{ number_format($timesheetAmount,2) }}</div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="border rounded p-3">
        <div class="text-muted small">Labor Manual Expenses</div>
        <div class="fs-5 fw-semibold">{{ number_format($laborManualExpensesTotal,2) }}</div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="border rounded p-3">
        <div class="text-muted small">Labor Payments</div>
        <div class="fs-5 fw-semibold">{{ number_format($laborPaymentsTotal,2) }}</div>
      </div>
    </div>

    <div class="col-12">
      <div class="border rounded p-3 bg-light">
        <div class="text-muted">Net Income</div>
        <div class="fs-4 fw-bold {{ $netIncome>=0 ? 'text-success':'text-danger' }}">
          {{ number_format($netIncome,2) }}
        </div>
      </div>
    </div>
  </div>
</div>
@endsection