<?php $__env->startSection('title', $meeting->title . ' - আমবাগান যুব কল্যাণ সমিতি'); ?>

<?php $__env->startSection('styles'); ?>
<style>
    .meeting-header {
        background: linear-gradient(135deg, var(--primary-color), #2a9d8f);
        color: white;
        padding: 30px;
        border-radius: 10px;
        margin-bottom: 30px;
    }
    
    .meeting-type-badge {
        padding: 8px 15px;
        border-radius: 20px;
        font-size: 1em;
        font-weight: 600;
        display: inline-block;
    }
    
    .weekly {
        background-color: rgba(21, 101, 192, 0.2);
        color: #1565c0;
    }
    
    .monthly {
        background-color: rgba(46, 125, 50, 0.2);
        color: #2e7d32;
    }
    
    .special {
        background-color: rgba(239, 108, 0, 0.2);
        color: #ef6c00;
    }
    
    .annual {
        background-color: rgba(123, 31, 162, 0.2);
        color: #7b1fa2;
    }
    
    .status-badge {
        padding: 8px 15px;
        border-radius: 20px;
        font-size: 1em;
        font-weight: 600;
        display: inline-block;
    }
    
    .scheduled {
        background-color: rgba(255, 243, 205, 0.8);
        color: #856404;
    }
    
    .ongoing {
        background-color: rgba(209, 236, 241, 0.8);
        color: #0c5460;
    }
    
    .completed {
        background-color: rgba(212, 237, 218, 0.8);
        color: #155724;
    }
    
    .cancelled {
        background-color: rgba(248, 215, 218, 0.8);
        color: #721c24;
    }
    
    .info-card {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .attendance-badge {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8em;
        margin-right: 5px;
    }
    
    .present {
        background-color: #d4edda;
        color: #155724;
    }
    
    .absent {
        background-color: #f8d7da;
        color: #721c24;
    }
    
    .late {
        background-color: #fff3cd;
        color: #856404;
    }
    
    .action-buttons .btn {
        margin-right: 5px;
        margin-bottom: 5px;
    }
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('breadcrumbs'); ?>
<nav aria-label="breadcrumb">
    <ol class="breadcrumb bg-light">
        <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>">ড্যাশবোর্ড</a></li>
        <li class="breadcrumb-item"><a href="<?php echo e(route('meetings.index')); ?>">মিটিং ব্যবস্থাপনা</a></li>
        <li class="breadcrumb-item active"><?php echo e($meeting->title); ?></li>
    </ol>
</nav>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<div class="container-fluid">
    <!-- মিটিং হেডার -->
    <div class="meeting-header">
        <div class="row">
            <div class="col-md-8">
                <h2 class="mb-3"><?php echo e($meeting->title); ?></h2>
                <div class="d-flex flex-wrap gap-3 mb-3">
                    <span class="meeting-type-badge <?php echo e($meeting->meeting_type); ?>">
                        <?php if($meeting->meeting_type == 'weekly'): ?>
                            সাপ্তাহিক মিটিং
                        <?php elseif($meeting->meeting_type == 'monthly'): ?>
                            মাসিক মিটিং
                        <?php elseif($meeting->meeting_type == 'special'): ?>
                            বিশেষ মিটিং
                        <?php else: ?>
                            বার্ষিক মিটিং
                        <?php endif; ?>
                    </span>
                    <span class="status-badge <?php echo e($meeting->status); ?>">
                        <?php if($meeting->status == 'scheduled'): ?>
                            নির্ধারিত
                        <?php elseif($meeting->status == 'ongoing'): ?>
                            চলমান
                        <?php elseif($meeting->status == 'completed'): ?>
                            সম্পন্ন
                        <?php else: ?>
                            বাতিল
                        <?php endif; ?>
                    </span>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <p class="mb-1">
                            <i class="fas fa-calendar me-2"></i>
                            <strong>তারিখ:</strong> <?php echo e(date('d/m/Y', strtotime($meeting->date))); ?>

                        </p>
                    </div>
                    <div class="col-md-4">
                        <p class="mb-1">
                            <i class="fas fa-clock me-2"></i>
                            <strong>সময়:</strong> <?php echo e(date('h:i A', strtotime($meeting->time))); ?>

                        </p>
                    </div>
                    <div class="col-md-4">
                        <p class="mb-1">
                            <i class="fas fa-map-marker-alt me-2"></i>
                            <strong>স্থান:</strong> <?php echo e($meeting->venue); ?>

                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 d-flex align-items-center justify-content-end">
                <div class="action-buttons">
                    <?php if($meeting->status == 'scheduled' || $meeting->status == 'ongoing'): ?>
                        <a href="<?php echo e(route('meetings.edit', $meeting)); ?>" class="btn btn-light">
                            <i class="fas fa-edit me-2"></i>এডিট
                        </a>
                        <?php if($meeting->status == 'scheduled'): ?>
                            <form action="<?php echo e(route('meetings.complete', $meeting)); ?>" method="POST" class="d-inline">
                                <?php echo csrf_field(); ?>
                                <button type="submit" class="btn btn-success" onclick="return confirm('আপনি কি এই মিটিং সম্পন্ন করতে চান?')">
                                    <i class="fas fa-check me-2"></i>সম্পন্ন করুন
                                </button>
                            </form>
                        <?php endif; ?>
                    <?php endif; ?>
                    <a href="<?php echo e(route('meetings.index')); ?>" class="btn btn-light">
                        <i class="fas fa-arrow-left me-2"></i>ফিরে যান
                    </a>
                </div>
            </div>
        </div>
    </div>
    
    <!-- মিটিং তথ্য -->
    <div class="row">
        <!-- বাম পাশের কলাম -->
        <div class="col-md-8">
            <!-- আলোচ্যসূচি -->
            <div class="info-card">
                <h5 class="mb-3">
                    <i class="fas fa-list-ul me-2"></i>আলোচ্যসূচি
                </h5>
                <div class="agenda-content">
                    <?php echo nl2br(e($meeting->agenda)); ?>

                </div>
            </div>
            
            <!-- মিটিং মিনিটস -->
            <?php if($meeting->status == 'completed' && $meeting->minutes): ?>
            <div class="info-card">
                <h5 class="mb-3">
                    <i class="fas fa-clipboard me-2"></i>মিটিং মিনিটস
                </h5>
                <div class="minutes-content">
                    <?php echo nl2br(e($meeting->minutes)); ?>

                </div>
            </div>
            
            <!-- সিদ্ধান্ত -->
            <?php if($meeting->decisions): ?>
            <div class="info-card">
                <h5 class="mb-3">
                    <i class="fas fa-gavel me-2"></i>গৃহীত সিদ্ধান্ত
                </h5>
                <div class="decisions-content">
                    <?php echo nl2br(e($meeting->decisions)); ?>

                </div>
            </div>
            <?php endif; ?>
            <?php endif; ?>
            
            <!-- উপস্থিতি নিন -->
            <?php if($meeting->status == 'scheduled' || $meeting->status == 'ongoing'): ?>
            <div class="info-card">
                <h5 class="mb-3">
                    <i class="fas fa-clipboard-check me-2"></i>উপস্থিতি নিন
                </h5>
                <form action="<?php echo e(route('meetings.attendance', $meeting)); ?>" method="POST">
                    <?php echo csrf_field(); ?>
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th width="50">#</th>
                                    <th>সদস্য</th>
                                    <th width="150">উপস্থিতি</th>
                                    <th>মন্তব্য</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php $__currentLoopData = $attendances; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $attendance): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <tr>
                                    <td><?php echo e($loop->iteration); ?></td>
                                    <td>
                                        <strong><?php echo e($attendance->member->member_id); ?></strong><br>
                                        <small><?php echo e($attendance->member->name); ?></small>
                                    </td>
                                    <td>
                                        <select name="attendance[<?php echo e($loop->index); ?>][status]" class="form-select form-select-sm">
                                            <option value="present" <?php echo e($attendance->attendance == 'present' ? 'selected' : ''); ?>>উপস্থিত</option>
                                            <option value="absent" <?php echo e($attendance->attendance == 'absent' ? 'selected' : ''); ?>>অনুপস্থিত</option>
                                            <option value="late" <?php echo e($attendance->attendance == 'late' ? 'selected' : ''); ?>>বিলম্বে উপস্থিত</option>
                                        </select>
                                        <input type="hidden" name="attendance[<?php echo e($loop->index); ?>][member_id]" value="<?php echo e($attendance->member->member_id); ?>">
                                    </td>
                                    <td>
                                        <input type="text" name="attendance[<?php echo e($loop->index); ?>][reason]" 
                                            class="form-control form-control-sm" 
                                            value="<?php echo e($attendance->reason); ?>"
                                            placeholder="কারণ (যদি থাকে)">
                                    </td>
                                </tr>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </tbody>
                        </table>
                    </div>
                    <div class="text-end mt-3">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-2"></i>উপস্থিতি সংরক্ষণ করুন
                        </button>
                    </div>
                </form>
            </div>
            <?php endif; ?>
        </div>
        
        <!-- ডান পাশের কলাম -->
        <div class="col-md-4">
            <!-- উপস্থিতি সারাংশ -->
            <div class="info-card">
                <h5 class="mb-3">
                    <i class="fas fa-chart-pie me-2"></i>উপস্থিতি সারাংশ
                </h5>
                <div class="row text-center">
                    <div class="col-4">
                        <div class="present attendance-badge mx-auto mb-2">
                            <i class="fas fa-check"></i>
                        </div>
                        <h5><?php echo e($presentCount); ?></h5>
                        <small class="text-muted">উপস্থিত</small>
                    </div>
                    <div class="col-4">
                        <div class="absent attendance-badge mx-auto mb-2">
                            <i class="fas fa-times"></i>
                        </div>
                        <h5><?php echo e($absentCount); ?></h5>
                        <small class="text-muted">অনুপস্থিত</small>
                    </div>
                    <div class="col-4">
                        <div class="late attendance-badge mx-auto mb-2">
                            <i class="fas fa-clock"></i>
                        </div>
                        <h5><?php echo e($lateCount); ?></h5>
                        <small class="text-muted">বিলম্বিত</small>
                    </div>
                </div>
                <div class="mt-3">
                    <div class="progress" style="height: 10px;">
                        <?php
                            $total = $presentCount + $absentCount + $lateCount;
                            $presentPercent = $total > 0 ? ($presentCount / $total) * 100 : 0;
                        ?>
                        <div class="progress-bar bg-success" style="width: <?php echo e($presentPercent); ?>%" role="progressbar"></div>
                    </div>
                    <small class="text-muted">উপস্থিতি হার: <?php echo e(number_format($presentPercent, 1)); ?>%</small>
                </div>
            </div>
            
            <!-- মিটিং তথ্য -->
            <div class="info-card">
                <h5 class="mb-3">
                    <i class="fas fa-info-circle me-2"></i>মিটিং তথ্য
                </h5>
                <div class="mb-2">
                    <small class="text-muted d-block">নির্ধারণ করেছেন:</small>
                    <strong>
                        <?php if($meeting->creator): ?>
                            <?php echo e($meeting->creator->name); ?>

                        <?php else: ?>
                            অজানা
                        <?php endif; ?>
                    </strong>
                </div>
                <div class="mb-2">
                    <small class="text-muted d-block">নির্ধারণের তারিখ:</small>
                    <strong><?php echo e(date('d/m/Y', strtotime($meeting->created_at))); ?></strong>
                </div>
                <div class="mb-2">
                    <small class="text-muted d-block">সর্বশেষ আপডেট:</small>
                    <strong><?php echo e(date('d/m/Y h:i A', strtotime($meeting->updated_at))); ?></strong>
                </div>
                <?php if($meeting->completed_at): ?>
                <div class="mb-2">
                    <small class="text-muted d-block">সম্পন্নের তারিখ:</small>
                    <strong><?php echo e(date('d/m/Y', strtotime($meeting->completed_at))); ?></strong>
                </div>
                <?php endif; ?>
            </div>
            
            <!-- দ্রুত একশন -->
            <div class="info-card">
                <h5 class="mb-3">
                    <i class="fas fa-bolt me-2"></i>দ্রুত একশন
                </h5>
                <div class="d-grid gap-2">
                    <?php if($meeting->status == 'scheduled'): ?>
                    <a href="<?php echo e(route('notices.create')); ?>?type=meeting&meeting_id=<?php echo e($meeting->id); ?>" 
                       class="btn btn-outline-primary">
                        <i class="fas fa-bullhorn me-2"></i>নোটিশ পাঠান
                    </a>
                    <?php endif; ?>
                    
                    <button class="btn btn-outline-secondary" onclick="printMeetingDetails()">
                        <i class="fas fa-print me-2"></i>প্রিন্ট করুন
                    </button>
                    
                    <?php if(auth()->user()->user_type == 'admin'): ?>
                    <form action="<?php echo e(route('meetings.destroy', $meeting)); ?>" method="POST" class="d-inline">
                        <?php echo csrf_field(); ?>
                        <?php echo method_field('DELETE'); ?>
                        <button type="submit" class="btn btn-outline-danger w-100" 
                                onclick="return confirm('আপনি কি এই মিটিং ডিলিট করতে চান?')">
                            <i class="fas fa-trash me-2"></i>ডিলিট করুন
                        </button>
                    </form>
                    <?php endif; ?>
                </div>
            </div>
            
            <!-- উপস্থিতি রিপোর্ট -->
            <?php if($meeting->status == 'completed'): ?>
            <div class="info-card">
                <h5 class="mb-3">
                    <i class="fas fa-file-alt me-2"></i>উপস্থিতি রিপোর্ট
                </h5>
                <div class="d-grid gap-2">
                    <a href="#" class="btn btn-outline-info" onclick="printAttendanceReport()">
                        <i class="fas fa-print me-2"></i>প্রিন্ট উপস্থিতি
                    </a>
                    <a href="#" class="btn btn-outline-info" onclick="exportAttendanceToExcel()">
                        <i class="fas fa-file-excel me-2"></i>এক্সেলে রপ্তানি
                    </a>
                </div>
            </div>
            <?php endif; ?>
        </div>
    </div>
</div>

<!-- মিটিং সম্পন্ন করার মডাল -->
<?php if($meeting->status == 'scheduled'): ?>
<div class="modal fade" id="completeMeetingModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">মিটিং সম্পন্ন করুন</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form action="<?php echo e(route('meetings.complete', $meeting)); ?>" method="POST">
                <?php echo csrf_field(); ?>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="minutes" class="form-label">মিটিং মিনিটস</label>
                        <textarea name="minutes" id="minutes" rows="5" class="form-control" required></textarea>
                    </div>
                    <div class="mb-3">
                        <label for="decisions" class="form-label">গৃহীত সিদ্ধান্ত</label>
                        <textarea name="decisions" id="decisions" rows="5" class="form-control" required></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">বাতিল</button>
                    <button type="submit" class="btn btn-primary">সম্পন্ন করুন</button>
                </div>
            </form>
        </div>
    </div>
</div>
<?php endif; ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script>
function printMeetingDetails() {
    const printContent = document.querySelector('.meeting-header').outerHTML + 
                        document.querySelectorAll('.info-card')[0].outerHTML;
    
    const originalContent = document.body.innerHTML;
    
    document.body.innerHTML = `
        <html>
        <head>
            <title>মিটিং বিস্তারিত - আমবাগান যুব কল্যাণ সমিতি</title>
            <style>
                body { font-family: 'SolaimanLipi', sans-serif; padding: 20px; }
                .meeting-header { background: #1a5f7a; color: white; padding: 20px; border-radius: 10px; margin-bottom: 20px; }
                .info-card { background: white; border: 1px solid #ddd; padding: 20px; border-radius: 10px; margin-bottom: 20px; }
                h2, h5 { margin-top: 0; }
                @media print {
                    body { padding: 0; }
                }
            </style>
        </head>
        <body>
            ${printContent}
        </body>
        </html>
    `;
    
    window.print();
    document.body.innerHTML = originalContent;
    location.reload();
}

function printAttendanceReport() {
    const table = document.createElement('table');
    table.className = 'table';
    table.innerHTML = `
        <thead>
            <tr>
                <th>#</th>
                <th>সদস্য আইডি</th>
                <th>নাম</th>
                <th>উপস্থিতি</th>
                <th>মন্তব্য</th>
            </tr>
        </thead>
        <tbody>
            <?php $__currentLoopData = $attendances; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $attendance): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <tr>
                <td><?php echo e($loop->iteration); ?></td>
                <td><?php echo e($attendance->member->member_id); ?></td>
                <td><?php echo e($attendance->member->name); ?></td>
                <td>
                    <?php if($attendance->attendance == 'present'): ?>
                        উপস্থিত
                    <?php elseif($attendance->attendance == 'absent'): ?>
                        অনুপস্থিত
                    <?php else: ?>
                        বিলম্বে উপস্থিত
                    <?php endif; ?>
                </td>
                <td><?php echo e($attendance->reason ?: '-'); ?></td>
            </tr>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </tbody>
    `;
    
    const originalContent = document.body.innerHTML;
    
    document.body.innerHTML = `
        <html>
        <head>
            <title>উপস্থিতি রিপোর্ট - আমবাগান যুব কল্যাণ সমিতি</title>
            <style>
                body { font-family: 'SolaimanLipi', sans-serif; padding: 20px; }
                table { width: 100%; border-collapse: collapse; margin-top: 20px; }
                th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
                th { background-color: #f2f2f2; }
                .header { text-align: center; margin-bottom: 20px; }
                .footer { margin-top: 30px; text-align: center; }
            </style>
        </head>
        <body>
            <div class="header">
                <h2>আমবাগান যুব কল্যাণ সমিতি</h2>
                <h3>উপস্থিতি রিপোর্ট</h3>
                <p>মিটিং: <?php echo e($meeting->title); ?></p>
                <p>তারিখ: <?php echo e(date('d/m/Y', strtotime($meeting->date))); ?></p>
                <p>প্রস্তুতকৃত: <?php echo e(date('d/m/Y H:i:s')); ?></p>
            </div>
            ${table.outerHTML}
            <div class="footer">
                <p>মোট উপস্থিত: <?php echo e($presentCount); ?>, অনুপস্থিত: <?php echo e($absentCount); ?>, বিলম্বিত: <?php echo e($lateCount); ?></p>
                <p>স্বাক্ষর: ___________________</p>
                <p>তারিখ: <?php echo e(date('d/m/Y')); ?></p>
            </div>
        </body>
        </html>
    `;
    
    window.print();
    document.body.innerHTML = originalContent;
    location.reload();
}

function exportAttendanceToExcel() {
    const table = document.createElement('table');
    table.innerHTML = `
        <tr>
            <th>#</th>
            <th>সদস্য আইডি</th>
            <th>নাম</th>
            <th>উপস্থিতি</th>
            <th>মন্তব্য</th>
        </tr>
        <?php $__currentLoopData = $attendances; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $attendance): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <tr>
            <td><?php echo e($loop->iteration); ?></td>
            <td><?php echo e($attendance->member->member_id); ?></td>
            <td><?php echo e($attendance->member->name); ?></td>
            <td>
                <?php if($attendance->attendance == 'present'): ?>
                    উপস্থিত
                <?php elseif($attendance->attendance == 'absent'): ?>
                    অনুপস্থিত
                <?php else: ?>
                    বিলম্বে উপস্থিত
                <?php endif; ?>
            </td>
            <td><?php echo e($attendance->reason ?: '-'); ?></td>
        </tr>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    `;
    
    const html = table.outerHTML;
    const url = 'data:application/vnd.ms-excel,' + escape(html);
    
    const link = document.createElement('a');
    link.href = url;
    link.download = 'attendance-' + '<?php echo e($meeting->id); ?>' + '-' + new Date().toISOString().split('T')[0] + '.xls';
    link.click();
}
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/naowarin/somoti.naowarinternational.my.id/resources/views/meetings/show.blade.php ENDPATH**/ ?>