@extends('layouts.app')
@section('title', __('reports.profit_report'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('reports.profit_report') }}</h5>
  <button class="btn btn-outline-secondary btn-sm no-print" onclick="window.print()"><i class="bi bi-printer"></i> {{ __('app.print') }}</button>
</div>
<div class="card mb-3 no-print"><div class="card-body">
  <form class="row g-2">
    <div class="col-md-4"><label class="form-label small">{{ __('app.from') }}</label><input type="date" name="from" value="{{ $from }}" class="form-control"></div>
    <div class="col-md-4"><label class="form-label small">{{ __('app.to') }}</label><input type="date" name="to" value="{{ $to }}" class="form-control"></div>
    <div class="col-md-4 d-flex align-items-end"><button class="btn btn-primary w-100">{{ __('app.filter') }}</button></div>
  </form>
</div></div>

<div class="card" style="max-width:560px"><div class="card-body">
  <div class="d-flex justify-content-between py-2 border-bottom"><span>{{ __('reports.revenue') }}</span><span class="fw-bold text-success">{{ money($revenue) }}</span></div>
  <div class="d-flex justify-content-between py-2 border-bottom"><span>{{ __('reports.cogs') }}</span><span class="fw-bold text-danger">({{ money($cogs) }})</span></div>
  <div class="d-flex justify-content-between py-2 border-bottom bg-body-tertiary px-2"><span class="fw-bold">{{ __('reports.gross_profit') }}</span><span class="fw-bold">{{ money($grossProfit) }}</span></div>
  <div class="d-flex justify-content-between py-2 border-bottom"><span>{{ __('expenses.expenses') }}</span><span class="fw-bold text-danger">({{ money($expenses) }})</span></div>
  <div class="d-flex justify-content-between py-3 px-2 mt-1 rounded" style="background:{{ $netProfit >= 0 ? '#e6fcf7' : '#ffe9ec' }}">
    <span class="fw-bold fs-5">{{ __('reports.net_profit') }}</span>
    <span class="fw-bold fs-5 {{ $netProfit >= 0 ? 'text-success' : 'text-danger' }}">{{ money($netProfit) }}</span>
  </div>
  <div class="small text-secondary mt-2">{{ __('purchases.purchases') }} ({{ __('app.total') }}): {{ money($purchases) }}</div>
</div></div>
@endsection