@extends('layouts.panel.app', ['title' => 'Data Pendaftaran Kegiatan'])

@section('content')
<section class="section">
    <div class="section-title">
        <h3>Pendaftaran Kegiatan</h3>
    </div>
    <p class="section-lead">
        Data menu pendaftaran kegiatan di sini.
    </p>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>Data Pendaftaran Kegiatan</h4>

                    <div class="card-header-action">
                        <form action="{{ route('pengurus.regeve') }}" method="GET" class="needs-validation">
                            @csrf
                            @method('GET')

                            <div class="form-group">
                                <div class="d-flex justify-content-center">
                                    <div class="row">
                                        <div class="col col-lg-12" style="display: flex; justify-content: center; align-items: center;">
                                            <select class="form-control select2 m-1" name="event_id" placeholder="Pilih Kegiatan" required="">
                                                <option value="">Pilih Kegiatan</option>
                                                @foreach($filter as $item)
                                                <option value="{{ $item->id }}" {{ request()->query('event_id') == $item->id ? 'selected' : '' }}>{{ $item->title }}</option>
                                                @endforeach
                                            </select>
                                            <button type="submit" style="width:100px" class="btn btn-info btn-action m-1" data-toggle="tooltip" title="Cari">Filter</button>
                                            @if ( request()->query('event_id') != null)
                                            <a type="submit" href="{{ route('pengurus.regeve.export', (request()->query('event_id') ? request()->query('event_id') : 0)) }}" style="width:100px" class="btn btn-warning btn-action m-1" data-toggle="tooltip" title="Excel">Export</a>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr style="text-align:left">
                                    <th>KODE BOOKING</th>
                                    <th>NAMA</th>
                                    <th>EMAIL</th>
                                    <th>TELEPON</th>
                                    <th>BUKTI BAYAR</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($data as $item)
                                <tr style="text-align:left">
                                    <td>
                                        {{ $item->code }}
                                    </td>
                                    <td>
                                        {{ $item->name }}
                                    </td>
                                    <td>
                                        {{ $item->email }}
                                    </td>
                                    <td>
                                        {{ $item->phone }}
                                    </td>
                                    <td>
                                        <div class="row justify-content-md-center">
                                            <div class="col col-lg-6">
                                                <div class="gallery">
                                                    <div class="gallery-item" data-image="{{asset('storage/bukti/' . $item->image)}}" data-title="Bukti Bayar"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @empty
                                <div class="alert alert-danger">
                                    Data pendaftaran kegiatan belum tersedia.
                                </div>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="d-felx justify-content-center">
                    <div class="card-footer text-right">
                        {{ $data->links('vendor.pagination.bootstrap-5') }}
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>
@endsection