@extends('layouts.master')
@section('content')
<div class="h">
@include('inc.header-nav')
<div class="mx-auto container-fluid align-items-center pt-150">
    @include('inc.header-profile')
    <div class="card px-0 pt-3 mb-9" id="kt_chat_messenger">
        <div class="card-header px-0 border-0" id="kt_chat_messenger_header">
            <div class="card-title">
                <div class="d-flex justify-content-center flex-column me-3">
                    <h3 class="px-6"> Announcement</h3>
                    <span class="text-muted mt-1 fw-bold ps-6 fs-7">List of announcements</span>
                </div>
            </div>
        </div>

        <div class="card-body px-7">
            <div class="table-responsive">
            <table class="table align-middle table-row-dashed table-row-bordered gs-0 gy-4 mb-10"> 
                <thead>
                    <tr class="fw-bold text-muted bg-light">
                        <th class="ps-4 rounded-start">Title</th>
                        <th>Descriptions</th>
                        <th>Attachment</th>
                        <th class="rounded-end"></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($announcements as $request)
                    <tr>
                        <td class="ps-4">
                            {{ $request->title }}
                        </td>
                        <td>
                            {{ $request->descriptions }}
                        </td>
                        <td>
                            @if (!is_null($request->attachment))
                            <a target="blank" href="/uploads/announcement/{{$request->attachment}}">
                                <span class="svg-icon svg-icon-success svg-icon-2hx">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path opacity="0.3" d="M19 15C20.7 15 22 13.7 22 12C22 10.3 20.7 9 19 9C18.9 9 18.9 9 18.8 9C18.9 8.7 19 8.3 19 8C19 6.3 17.7 5 16 5C15.4 5 14.8 5.2 14.3 5.5C13.4 4 11.8 3 10 3C7.2 3 5 5.2 5 8C5 8.3 5 8.7 5.1 9H5C3.3 9 2 10.3 2 12C2 13.7 3.3 15 5 15H19Z" fill="currentColor"/>
                                        <path d="M13 17.4V12C13 11.4 12.6 11 12 11C11.4 11 11 11.4 11 12V17.4H13Z" fill="currentColor"/>
                                        <path opacity="0.3" d="M8 17.4H16L12.7 20.7C12.3 21.1 11.7 21.1 11.3 20.7L8 17.4Z" fill="currentColor"/>
                                    </svg>
                                </span>
                            </a>
                            @endif
                        </td>
                        <td>
                            @if ($request->link->button_text !='')
                            <div class="mb-3" style="width: 200px;">
                                <a href="{{ $request->link->button_link }}"  target="blank" class="btn btn-success btn-sm fw-semibold me-2">
                                    {{ $request->link->button_text }}
                                </a>
                            </div>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
@endpush