@extends('layouts.base')

@section('title')
All-Notices
@endsection

@section('content')

<div class="row">
    <div class="col-sm-12 my-auto text-center backimghead"
        style="background: linear-gradient(rgba(84, 51, 34, 0.78), rgba(84, 51, 34, 0.788)), url('{{ asset('img/bdc.jpeg') }}') center/cover; height: 430px;">
        <h2 style="padding-top: 210px; color:white;" class="fw-bold text-uppercase heading21 headerinner">
            All Notices
        </h2>
        <span style="color:white; font-family: Lexend, serif;" class="fw-bold subheading">
            <a href="{{ asset('/') }}" style="text-decoration: none; color:white;">HOME</a>&nbsp;/&nbsp;
            <a href="" style="color:white; text-decoration: none;" class="text-uppercase">All Notices</a>
        </span>
    </div>
</div>

<style>
    body {
        font-family: "Poppins", sans-serif;
        color: #333;
    }

    .table thead th {
        background-color: rgb(84, 51, 34) !important;
        color: #fff !important;
        vertical-align: middle;
    }

    .table tbody td {
        vertical-align: middle;
        font-size: 15px;
    }

    .notice-link {
        color: #ff6600;
        font-weight: 600;
        text-decoration: none;
    }

    .notice-link:hover {
        text-decoration: underline;
    }
</style>

<div class="container my-5">
    <div class="row">
        <div class="col-sm-12">
            <div class="table-responsive">
                <table class="table table-bordered table-striped align-middle text-center">
                    <thead>
                        <tr>
                            <th>S.No.</th>
                            <th>Title</th>
                            <!--<th>Type</th>-->
                            <th>Link / File</th>
                            <th>Created At</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($notices as $item)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $item->title }}</td>
                            <!--<td class="fw-bold text-uppercase">{{ $item->type }}</td>-->
                            <td>
                                @if($item->type === 'link' && $item->link)
                                <a href="{{ $item->link }}" target="_blank" class="notice-link">
                                    🔗 View Link
                                </a>
                                @elseif($item->type === 'file' && $item->file)
                                <a href="{{ asset($item->file) }}" target="_blank" class="notice-link">
                                    📂 Download File
                                </a>
                                @else
                                <span class="text-muted">N/A</span>
                                @endif
                            </td>
                            <td>{{ \Carbon\Carbon::parse($item->created_at)->format('d M Y, h:i A') }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-muted">No notices found.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection