@extends('layouts.admin')

@section('content')
<div class="container-fluid p-4">
    <div class="card shadow-sm border-0" style="border-radius: 15px;">
        <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
            <h5 class="m-0 font-weight-bold text-dark"><i class="fas fa-bullhorn mr-2 text-primary"></i>Kelola Info Penting</h5>
            <button class="btn btn-primary btn-sm px-4" data-toggle="modal" data-target="#modalTambah"><i class="fas fa-plus mr-1"></i> Tambah Info</button>
        </div>
        <div class="card-body">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Tanggal</th>
                        <th>Judul</th>
                        <th>Isi Pengumuman</th>
                        <th width="150">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($info as $row)
                    <tr>
                        <td>{{ $row->created_at->format('d/m/Y') }}</td>
                        <td class="font-weight-bold">{{ $row->judul }}</td>
                        <td>{{ Str::limit($row->isi, 100) }}</td>
                        <td>
                            <form action="{{ route('admin.info-penting.destroy', $row->id) }}" method="POST" onsubmit="return confirm('Hapus info ini?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- MODAL TAMBAH --}}
<div class="modal fade" id="modalTambah" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="{{ route('admin.info-penting.store') }}" method="POST">
                @csrf
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title">Tambah Informasi Baru</h5>
                    <button type="button" class="close text-white" data-dismiss="modal"><span>&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Judul Informasi</label>
                        <input type="text" name="judul" class="form-control" placeholder="Contoh: Jadwal Ujian CBT" required>
                    </div>
                    <div class="form-group">
                        <label>Isi Informasi</label>
                        <textarea name="isi" class="form-control" rows="5" placeholder="Tuliskan detail pengumuman..." required></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary btn-block">Terbitkan Sekarang</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection