<!DOCTYPE html>
<html>
<head>
    <title>{{ $notice->title }} - প্রিন্ট</title>
    <meta charset="utf-8">
    <style>
        @media print {
            body {
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                margin: 20px;
                font-size: 14px;
            }
            .no-print {
                display: none;
            }
            .print-only {
                display: block;
            }
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 20px;
            font-size: 14px;
        }
        
        .header {
            text-align: center;
            margin-bottom: 30px;
            border-bottom: 2px solid #333;
            padding-bottom: 20px;
        }
        
        .header h1 {
            color: #2c3e50;
            margin-bottom: 5px;
        }
        
        .header .subtitle {
            color: #7f8c8d;
            font-size: 16px;
        }
        
        .notice-info {
            margin-bottom: 20px;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 5px;
        }
        
        .notice-content {
            line-height: 1.8;
            margin: 20px 0;
            white-space: pre-wrap;
        }
        
        .footer {
            margin-top: 50px;
            text-align: center;
            color: #7f8c8d;
            border-top: 1px solid #ddd;
            padding-top: 20px;
        }
        
        .badge {
            display: inline-block;
            padding: 3px 8px;
            border-radius: 3px;
            font-size: 12px;
            margin-right: 5px;
        }
        
        .badge-success { background: #27ae60; color: white; }
        .badge-warning { background: #f39c12; color: white; }
        .badge-danger { background: #e74c3c; color: white; }
        
        .print-btn {
            position: fixed;
            top: 20px;
            right: 20px;
            background: #3498db;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            z-index: 1000;
        }
        
        .print-btn:hover {
            background: #2980b9;
        }
    </style>
</head>
<body>
    <button class="print-btn no-print" onclick="window.print()">
        🖨️ প্রিন্ট করুন
    </button>
    
    <div class="header">
        <h1>{{ $notice->title }}</h1>
        <div class="subtitle">
            নোটিশ নং: NOT-{{ str_pad($notice->id, 6, '0', STR_PAD_LEFT) }}
        </div>
    </div>
    
    <div class="notice-info">
        <table style="width: 100%;">
            <tr>
                <td width="30%"><strong>নোটিশ টাইপ:</strong></td>
                <td>{{ $notice->notice_type_bangla }}</td>
            </tr>
            <tr>
                <td><strong>স্ট্যাটাস:</strong></td>
                <td>
                    <span class="badge 
                        @if($notice->status == 'published') badge-success
                        @elseif($notice->status == 'draft') badge-warning
                        @else badge-danger @endif">
                        {{ $notice->status_bangla }}
                    </span>
                </td>
            </tr>
            <tr>
                <td><strong>প্রকাশের তারিখ:</strong></td>
                <td>
                    @if($notice->publish_date)
                        {{ $notice->publish_date->format('d/m/Y h:i A') }}
                    @else
                        নির্ধারিত নয়
                    @endif
                </td>
            </tr>
            <tr>
                <td><strong>মেয়াদ শেষ:</strong></td>
                <td>
                    @if($notice->expiry_date)
                        {{ $notice->expiry_date->format('d/m/Y h:i A') }}
                    @else
                        নির্ধারিত নয়
                    @endif
                </td>
            </tr>
            <tr>
                <td><strong>টার্গেট অডিয়েন্স:</strong></td>
                <td>{{ $notice->target_audience_bangla }}</td>
            </tr>
            <tr>
                <td><strong>তৈরিকারী:</strong></td>
                <td>{{ $notice->creator->name ?? 'অজানা' }}</td>
            </tr>
            <tr>
                <td><strong>তৈরির তারিখ:</strong></td>
                <td>{{ $notice->created_at->format('d/m/Y h:i A') }}</td>
            </tr>
            <tr>
                <td><strong>ভিউ সংখ্যা:</strong></td>
                <td>{{ $notice->views }} বার</td>
            </tr>
        </table>
    </div>
    
    <div class="notice-content">
        {!! nl2br(e($notice->content)) !!}
    </div>
    
    @if($notice->is_important)
    <div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 15px; border-radius: 5px; margin: 20px 0;">
        <strong>⚠️ গুরুত্বপূর্ণ নোটিশ:</strong> এই নোটিশটি বিশেষ গুরুত্বপূর্ণ হিসাবে চিহ্নিত করা হয়েছে।
    </div>
    @endif
    
    @if($notice->priority == 'urgent')
    <div style="background: #f8d7da; border: 1px solid #f5c6cb; padding: 15px; border-radius: 5px; margin: 20px 0;">
        <strong>🚨 জরুরি নোটিশ:</strong> এই নোটিশটি জরুরি হিসাবে চিহ্নিত করা হয়েছে।
    </div>
    @endif
    
    <div class="footer">
        <p>প্রিন্ট তারিখ: {{ now()->format('d/m/Y h:i A') }}</p>
        <p>© {{ date('Y') }} Somoti - সকল অধিকার সংরক্ষিত</p>
    </div>
    
    <script>
        window.onload = function() {
            // Auto print if needed
            // setTimeout(function() { window.print(); }, 1000);
        }
    </script>
</body>
</html>