@extends('front.layout.app')

@section('content')

<div class="max-w-7xl mx-auto py-12 px-4 space-y-10">

    @include('front.plan_media.partials.header')

    @if(session('selection_saved') || session('selection_unchanged'))
        <div class="flex items-center gap-3 rounded-lg bg-green-50 p-4 text-sm text-green-700">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5 shrink-0">
                <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
            </svg>
            <p>
                @if(session('selection_saved'))
                    Votre sélection a bien été enregistrée. Nous prendrons rapidement contact pour vous donner les modalités.
                @else
                    Votre sélection a bien été enregistrée.
                @endif
            </p>
        </div>
    @endif

    <div class="flex justify-end">
        <a href="{{ route('customer.show_plan_period', $proposal->reference) }}"
            class="inline-flex items-center rounded-full bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition hover:bg-secondary">
            Mettre à jour mon plan média
        </a>
    </div>

    <div class="overflow-x-auto rounded-lg border border-gray-200">
        <table class="w-full text-[13px]">
            <thead>
                <tr class="bg-gray-50">
                    <th class="border border-gray-200 px-3 py-2 text-left font-semibold text-gray-600">Média</th>
                    <th class="border border-gray-200 px-3 py-2 text-left font-semibold text-gray-600">Type</th>
                    <th class="border border-gray-200 px-3 py-2 text-left font-semibold text-gray-600">Nb Lecteur</th>
                    <th class="border border-gray-200 px-3 py-2 text-left font-semibold text-gray-600">Val. Dotation</th>
                    @foreach($periodList as $period)
                        <th class="border border-gray-200 px-3 py-2 text-center font-semibold text-gray-600">
                            {{ ucfirst(\Carbon\Carbon::parse($period . '-01')->locale('fr')->shortMonthName) }}
                            {{ \Carbon\Carbon::parse($period . '-01')->format('Y') }}
                        </th>
                    @endforeach
                    <th class="border border-gray-200 px-3 py-2 text-center font-semibold text-gray-600">Frais Tech.</th>
                    <th class="border border-gray-200 px-3 py-2 text-right font-semibold text-gray-600">Sous total</th>
                </tr>
            </thead>
            <tbody>
                @php $grandTotal = 0; @endphp
                @foreach($proposal->operations as $operation)
                    @php
                        $selectPeriod = $operation->pivot->select_period ? json_decode($operation->pivot->select_period, true) : [];
                        $unitPrice = $operation->pivot->discount_price ?: $operation->technical_cost;
                        $count = 0;
                    @endphp
                    <tr>
                        <td class="border border-gray-200 px-3 py-2 font-semibold text-primary">{{ $operation->media?->name }}</td>
                        <td class="border border-gray-200 px-3 py-2">
                            @if($operation->media?->type)
                                <span class="inline-flex items-center rounded-full bg-secondary/10 px-2.5 py-0.5 text-xs text-secondary">
                                    {{ $operation->media->type->name }}
                                </span>
                            @endif
                        </td>
                        <td class="border border-gray-200 px-3 py-2">{{ number_format((int) ($operation->media?->readers?->content ?? 0), 0, ',', ' ') }}</td>
                        <td class="border border-gray-200 px-3 py-2 font-semibold">{{ $operation->amount > 0 ? number_format($operation->amount, 2, ',', ' ') . ' €' : '-' }}</td>
                        @foreach($periodList as $period)
                            <td class="border border-gray-200 px-3 py-2 text-center">
                                @if(in_array($period, $selectPeriod, true))
                                    @php $count++; @endphp
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="mx-auto size-5 text-green-500">
                                        <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
                                    </svg>
                                @endif
                            </td>
                        @endforeach
                        <td class="border border-gray-200 px-3 py-2 text-center">{{ number_format($unitPrice, 2, ',', ' ') }} €</td>
                        <td class="border border-gray-200 px-3 py-2 text-right font-semibold">
                            @php $subtotal = $count * $unitPrice; $grandTotal += $subtotal; @endphp
                            {{ number_format($subtotal, 2, ',', ' ') }} €
                        </td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr class="bg-gray-50">
                    <th colspan="{{ $periodList->count() + 4 }}" class="border border-gray-200"></th>
                    <th class="border border-gray-200 px-3 py-2 text-right font-semibold text-gray-600">Total</th>
                    <th class="border border-gray-200 px-3 py-2 text-right font-semibold text-primary">
                        {{ number_format($grandTotal, 2, ',', ' ') }} €
                    </th>
                </tr>
            </tfoot>
        </table>
    </div>

</div>

@endsection