@extends('layouts.app')
@section('title', 'Client Summary Report')
@section('breadcrumb')<a href="{{ route('reports.index') }}" class="hover:text-white">Reports</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <span class="text-white">Client Summary</span>@endsection

@section('content')
@php
    $logoPath    = \App\Models\AppSetting::get('company_logo');
    $companyName = \App\Models\AppSetting::get('company_name','Degabriele Kitchens');
@endphp

<div class="space-y-5">
    {{-- Filter --}}
    <div class="card p-5">
        <form method="GET" class="flex items-end gap-4 flex-wrap">
            <div class="flex-1 min-w-48">
                <label class="text-sm text-slate-400 mb-1 block">Select Quote / Job</label>
                <select name="quote_id" class="input" onchange="this.form.submit()">
                    <option value="">-- Select a Quote --</option>
                    @foreach($quotes as $q)
                    <option value="{{ $q->id }}" {{ (isset($quote) && $quote->id==$q->id) ? 'selected' : '' }}>
                        {{ $q->quote_number }} — {{ $q->contact?->full_name ?? 'No client' }} {{ $q->job?->job_number ? '('.$q->job->job_number.')' : '' }}
                    </option>
                    @endforeach
                </select>
            </div>
            @if(isset($quote))
            <div class="flex gap-2">
                <button type="button" onclick="window.print()" class="btn btn-secondary"><i class="fas fa-print mr-2"></i>Print</button>
                <a href="{{ route('quotes.show', $quote) }}" class="btn btn-secondary"><i class="fas fa-arrow-left mr-2"></i>Back to Quote</a>
            </div>
            @endif
        </form>
    </div>

    @if(isset($quote))
    <div class="card p-8 print-area" id="printArea">
        {{-- Header --}}
        <div class="flex items-start justify-between mb-8">
            <div>
                @if($logoPath && \Illuminate\Support\Facades\Storage::disk('public')->exists($logoPath))
                <img src="{{ asset('storage/'.$logoPath) }}" alt="Logo" style="max-height:70px;max-width:200px;" class="mb-3">
                @else
                <div class="text-2xl font-bold text-white mb-2">{{ $companyName }}</div>
                @endif
                <h1 class="text-3xl font-bold text-white">Client Summary</h1>
            </div>
            <div class="text-right space-y-2">
                <div class="grid grid-cols-2 gap-x-8 gap-y-1 text-sm">
                    <span class="text-slate-400 text-right">Client Name:</span><span class="text-white font-medium">{{ $quote->contact?->full_name ?? '—' }}</span>
                    <span class="text-slate-400 text-right">Job No:</span><span class="text-white">{{ $quote->job?->job_number ?? '—' }}</span>
                    <span class="text-slate-400 text-right">Quote:</span><span class="text-white">{{ $quote->quote_number }}</span>
                    @if($quote->job?->contract_date)
                    <span class="text-slate-400 text-right">Contract Date:</span><span class="text-white">{{ $quote->job->contract_date->format('d/m/Y') }}</span>
                    @endif
                    @if($quote->job?->debrief_date)
                    <span class="text-slate-400 text-right">Debrief Date:</span><span class="text-white">{{ $quote->job->debrief_date->format('d/m/Y') }}</span>
                    @endif
                </div>
            </div>
        </div>

        {{-- Calculation Sheet --}}
        <div class="mb-6">
            <div class="text-center py-2 mb-4" style="background:#1e3a5f;border-radius:6px;">
                <span class="text-white font-bold text-sm tracking-widest uppercase">Calculation Sheet</span>
            </div>

            <table class="w-full text-sm">
                <thead>
                    <tr class="text-xs text-slate-500 border-b border-slate-700">
                        <th class="text-left py-2">Category</th>
                        <th class="text-right py-2">Retail Total</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($summaryRows as $row)
                    <tr class="border-b border-slate-800">
                        <td class="py-2 text-slate-300">{{ $row['type_name'] }}:</td>
                        <td class="py-2 text-right text-white">${{ number_format($row['total_retail'],2) }}</td>
                    </tr>
                    @endforeach
                    <tr class="border-t-2 border-slate-600 font-bold mt-2">
                        <td class="pt-3 pb-1 text-white">Sub Total List Price:</td>
                        <td class="pt-3 pb-1 text-right text-white">${{ number_format($totalRetail,2) }}</td>
                    </tr>
                </tbody>
            </table>
        </div>

        {{-- Financial Summary --}}
        <div class="mt-6 border-t border-slate-600 pt-6">
            <div class="max-w-sm ml-auto space-y-2">
                <div class="flex justify-between text-sm">
                    <span class="text-slate-400">Sub Total List Price:</span>
                    <span class="text-white font-medium">${{ number_format($totalRetail,2) }}</span>
                </div>
                <div class="flex justify-between text-sm border-t border-slate-700 pt-2">
                    <span class="text-slate-400">Total W/Sale (Internal Cost):</span>
                    <span class="text-slate-400">${{ number_format($totalWsale,2) }}</span>
                </div>
                <div class="flex justify-between text-sm">
                    <span class="text-slate-400">GST (10%):</span>
                    <span class="text-slate-300">${{ number_format($gst,2) }}</span>
                </div>
                <div class="flex justify-between text-base font-bold border-t border-slate-700 pt-2">
                    <span class="text-white">Total incl. GST:</span>
                    <span class="text-white">${{ number_format($totalInclGst,2) }}</span>
                </div>
                <div class="flex justify-between text-sm border-t border-slate-700 pt-2">
                    <span class="text-blue-400 font-bold">Gross Profit:</span>
                    <span class="font-bold {{ $grossProfit>=0?'text-blue-400':'text-red-400' }}">${{ number_format($grossProfit,2) }}</span>
                </div>
                <div class="flex justify-between text-sm">
                    <span class="text-blue-400">Gross Margin:</span>
                    <span class="{{ $marginPct>=0?'text-blue-400':'text-red-400' }} font-bold">{{ $marginPct }}%</span>
                </div>
            </div>
        </div>
    </div>
    @else
    <div class="card p-10 text-center text-slate-500">
        <i class="fas fa-file-invoice text-4xl mb-3 block"></i>
        <p>Select a quote above to generate the client summary report.</p>
    </div>
    @endif
</div>

<style>
@media print {
    .sidebar, header, form, button, .btn, .space-y-5 > .card:first-child { display: none !important; }
    body { background: white !important; color: black !important; }
    .print-area { box-shadow: none !important; border: none !important; background: white !important; color: black !important; }
    .text-white, .text-slate-300, .text-slate-400 { color: #333 !important; }
    .text-blue-400 { color: #1d4ed8 !important; }
}
</style>
@endsection