@extends('backoffice.layouts.main')

@section('title', 'Event')

@section('content')
<!-- Content -->

<h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Master /</span> Event</h4>

<!-- Basic Bootstrap Table -->
<div class="card">
    <div class="card-header d-flex justify-content-between">
        <h5>Daftar Event</h5>
        <a href="{{route('bo.event.create')}}" class="btn btn-primary">
            <i class="fa fa-plus"></i>
            Tambah Event
        </a>
    </div>

    <div class="card-body">
        <table class="table data-table">
            <thead>
                <tr>
                    <th>Nama</th>
                    <th>Deskripsi</th>
                    <th>Lik Konferensi</th>
                    <th>Dibuat Pada</th>
                    <th>Diubah Pada</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody class="table-border-bottom-0">
                @foreach ($data['event'] as $item)
                <tr>
                    <td>{{$item->nama}}</td>
                    <td>{!!substr($item->deskripsi, 0, 50)!!}{{strlen($item->deskripsi) > 50 ? '.....' : ''}}</td>
                    <td><a href="{{$item->link}}">Kunjungi</a></td>
                    <td>{{$item->created_at}}</td>
                    <td>{{$item->updated_at}}</td>
                    <td class="d-flex">
                        <a href="{{route('bo.event.edit', $item->uuid)}}" class="btn btn-warning mx-2">
                            <i class="fas fa-edit "></i>
                        </a>
                        <button class="btn btn-danger" data-bs-toggle="modal"
                            data-bs-target="#deleteModal-{{$item->uuid}}">
                            <i class="fas fa-trash"></i>
                        </button>
                    </td>
                </tr>


                <!-- Delete Modal -->
                <div class="modal fade" id="deleteModal-{{$item->uuid}}" tabindex="-1"
                    aria-labelledby="deleteModalLabel-{{$item->uuid}}" aria-hidden="true">
                    <form action="{{route('bo.event.delete')}}" method="POST">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="deleteModalLabel-{{$item->uuid}}">Konfirmasi Hapus
                                        Event</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body text-center">
                                    Apakah Anda yakin ingin menghapus data event?<br>
                                    {{$item->nama}}
                                    @csrf
                                    @method('DELETE')
                                    <input type="hidden" name="uuid" value="{{$item->uuid}}">
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary"
                                        data-bs-dismiss="modal">Batal</button>
                                    <button type="submit" class="btn btn-success">Ya</button>
                                </div>
                            </div>
                    </form>
                </div>
                @endforeach
            </tbody>
        </table>
    </div>

</div>
</div>
<!--/ Basic Bootstrap Table -->
@endsection

@push('scripts')
@if (session('success'))
<script>
    Swal.fire({
        title: '{{session("success")}}',
        icon: 'success',
        confirmButtonText: 'Tutup'
    })

</script>
@endif

<script>
    loading()

</script>

@if (session('error'))
<script>
    Swal.fire({
        title: 'Proses Gagal',
        text: '{{session("error")[1]}} | Line : {{session("error")[2]}}',
        icon: 'error',
        confirmButtonText: 'Tutup'
    })

</script>
@endif
@endpush