@extends('layouts.app')
@section('title', app()->getLocale() === 'bn' ? 'ব্যাচ প্রিন্ট' : 'Batch Print')
@section('page-title', app()->getLocale() === 'bn' ? 'ব্যাচ প্রিন্ট' : 'Batch Print')
@section('content')
<div class="mb-4">
    <a href="{{ route('admin.cards.index') }}" class="text-green-600 hover:text-green-800 text-sm">&larr; {{ __('Back') }}</a>
</div>

@if($cards->count() > 0)
    <div class="mb-4 flex justify-between items-center">
        <p class="text-sm text-gray-600 dark:text-gray-400">{{ $cards->count() }} {{ app()->getLocale() === 'bn' ? 'টি কার্ড প্রিন্টের জন্য প্রস্তুত' : 'cards ready to print' }}</p>
        <button onclick="window.print()" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg text-sm font-semibold transition print:hidden">
            🖨 {{ app()->getLocale() === 'bn' ? 'প্রিন্ট করুন' : 'Print' }}
        </button>
    </div>

    <div class="grid md:grid-cols-2 gap-6">
        @foreach($cards as $card)
            <div class="bg-gradient-to-br from-green-700 to-green-900 rounded-2xl p-6 text-white shadow-lg print:break-inside-avoid">
                <div class="text-center mb-3">
                    <p class="text-xs opacity-75">{{ app()->getLocale() === 'bn' ? 'গণপ্রজাতন্ত্রী বাংলাদেশ সরকার' : 'Government of the People\'s Republic of Bangladesh' }}</p>
                    <p class="font-bold">{{ app()->getLocale() === 'bn' ? 'পরিবার কার্ড' : 'Family Card' }}</p>
                </div>
                <p class="font-mono text-lg tracking-wider text-center mb-4">{{ $card->card_number }}</p>
                <div class="grid grid-cols-2 gap-2 text-xs">
                    <div>
                        <p class="opacity-60">{{ __('Head of Family') }}</p>
                        <p class="font-semibold">{{ $card->family?->head_name_bn }}</p>
                    </div>
                    <div>
                        <p class="opacity-60">{{ __('NID Number') }}</p>
                        <p class="font-mono">{{ $card->family?->head_nid }}</p>
                    </div>
                    <div>
                        <p class="opacity-60">{{ app()->getLocale() === 'bn' ? 'সদস্য সংখ্যা' : 'Members' }}</p>
                        <p>{{ $card->family?->total_members ?? 0 }}</p>
                    </div>
                    <div>
                        <p class="opacity-60">{{ __('Union') }}</p>
                        <p>{{ $card->family?->union?->name }}</p>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@else
    <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-12 text-center">
        <p class="text-gray-500">{{ app()->getLocale() === 'bn' ? 'প্রিন্টের জন্য কোনো কার্ড নেই' : 'No cards pending print' }}</p>
    </div>
@endif
@endsection