@extends('layouts.admin')

@section('title', 'Profit Report')
@section('subtitle', 'Profit analysis')

@section('actions')
    <form method="GET" class="flex gap-2">
        <input type="date" name="start" value="{{ $startDate }}"
            class="px-4 py-2 border border-slate-300 rounded-xl focus:border-blue-500 outline-none">
        <span class="self-center text-slate-500">to</span>
        <input type="date" name="end" value="{{ $endDate }}"
            class="px-4 py-2 border border-slate-300 rounded-xl focus:border-blue-500 outline-none">
        <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-xl hover:bg-blue-700 transition">
            Filter
        </button>
    </form>
@endsection

@section('content')
    <div class="space-y-6">
        {{-- Summary Cards --}}
        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-4 text-center">
                <p class="text-xs text-slate-500 mb-1">Net Revenue</p>
                <p class="text-lg font-bold text-slate-800">LKR {{ number_format($summary['total_revenue'], 0) }}</p>
            </div>
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-4 text-center">
                <p class="text-xs text-slate-500 mb-1">Net Cost</p>
                <p class="text-lg font-bold text-red-500">LKR {{ number_format($summary['total_cost'], 0) }}</p>
            </div>
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-4 text-center">
                <p class="text-xs text-slate-500 mb-1">Net Profit</p>
                <p class="text-lg font-bold text-green-600">LKR {{ number_format($summary['total_profit'], 0) }}</p>
            </div>
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-4 text-center">
                <p class="text-xs text-slate-500 mb-1">Margin</p>
                <p class="text-lg font-bold text-blue-600">{{ number_format($summary['margin'], 1) }}%</p>
            </div>
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-4 text-center">
                <p class="text-xs text-slate-500 mb-1">Refund Rev</p>
                <p class="text-lg font-bold text-orange-500">LKR {{ number_format($summary['refunds_revenue'] ?? 0, 0) }}
                </p>
            </div>
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-4 text-center">
                <p class="text-xs text-slate-500 mb-1">Refund Cost</p>
                <p class="text-lg font-bold text-orange-400">LKR {{ number_format($summary['refunds_cost'] ?? 0, 0) }}</p>
            </div>
        </div>

        {{-- Profit Table --}}
        <div class="bg-white rounded-2xl shadow-sm border border-slate-200">
            <div class="p-4 border-b border-slate-200">
                <h3 class="text-lg font-semibold text-slate-800">Daily Profit Breakdown</h3>
            </div>

            @if($profitData->count() > 0)
                <div class="overflow-x-auto">
                    <table class="w-full">
                        <thead>
                            <tr class="text-left text-sm text-slate-500 border-b border-slate-200">
                                <th class="px-6 py-3 font-medium">Date</th>
                                <th class="px-6 py-3 font-medium text-right">Revenue</th>
                                <th class="px-6 py-3 font-medium text-right">Cost</th>
                                <th class="px-6 py-3 font-medium text-right">Profit</th>
                                <th class="px-6 py-3 font-medium text-right">Margin</th>
                            </tr>
                        </thead>
                        <tbody class="text-sm">
                            @foreach($profitData as $day)
                                @php $margin = $day->revenue > 0 ? ($day->profit / $day->revenue) * 100 : 0; @endphp
                                <tr class="border-b border-slate-100 hover:bg-slate-50">
                                    <td class="px-6 py-3">{{ \Carbon\Carbon::parse($day->date)->format('D, M d, Y') }}</td>
                                    <td class="px-6 py-3 text-right">LKR {{ number_format($day->revenue, 2) }}</td>
                                    <td class="px-6 py-3 text-right text-red-500">LKR {{ number_format($day->cost, 2) }}</td>
                                    <td class="px-6 py-3 text-right font-semibold text-green-600">LKR
                                        {{ number_format($day->profit, 2) }}
                                    </td>
                                    <td class="px-6 py-3 text-right">
                                        <span
                                            class="px-2 py-1 {{ $margin >= 20 ? 'bg-green-50 text-green-600' : 'bg-amber-50 text-amber-600' }} rounded-full text-xs">
                                            {{ number_format($margin, 1) }}%
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="p-12 text-center text-slate-400">
                    <p class="text-4xl mb-2">💰</p>
                    <p>No profit data for this period</p>
                </div>
            @endif
        </div>
    </div>
@endsection