@extends('layouts.app')

@section('content')
    <div class="main-content">

        <script>
            window.setTimeout(function() {
                $(".alert").fadeTo(500, 0).slideUp(500, function(){
                    $(this).remove();
                });
            }, 4000);
        </script>
        <div class="card">
            <h4 class="card-title">Etkinlikler</h4>

            <div class="card-body">
                <a href="/admin/etkinlikler/ekle" class="btn btn-label btn-primary" style="color: #ffffff;"><label><i class="ti-check"></i></label> Etkinlik Ekle</a>
                <br><br>
                @if(session()->get('success'))
                    <div class="alert alert-success" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <strong>Tebrikler !</strong> {{session()->get('success')}}
                    </div>
                @endif

                <br><br>
                <table class="table table-striped table-bordered" cellspacing="0" data-provide="datatables">
                    <thead>
                    <tr>
                        <th>Resim</th>
                        <th>Adi</th>
                        <th>İşlemler</th>
                    </tr>
                    </thead>
                    <tfoot>
                    <tr>
                        <th>Resim</th>
                        <th>Adi</th>
                        <th>İşlemler</th>
                    </tr>
                    </tfoot>
                    <tbody>
                    @foreach($etkinlikler as $etkinlik)
                        <tr>
                            <td>
                                <div class="" data-provide="photoswipe" >

                                    @php  $resimler = $etkinlik->resim; $resimler = explode(',',$resimler); @endphp
                                    @foreach($resimler as $resim)
                                        <a  href="#" >
                                            <img height="50px;" src="{{asset('/storage/etkinlikler')}}/{{ $resim }}"   >
                                        </a>
                                    @endforeach

                                </div>
                            </td>

                            <td>{{ $etkinlik->adi }}</td>
                            <td style="color: #ffffff; width: 12%">
                                <a class="btn btn-label btn-warning" href="/admin/etkinlikler/{{$etkinlik->id}}/duzelt"><label><i class="ti-pencil"></i></label> Düzelt</a>
                                <a class="btn btn-label btn-danger" data-token="{{csrf_token()}}" href="/admin/etkinlikler/{{$etkinlik->id}}" data-method="delete" data-confirm="Aktivite silinsin mi ?"><label><i class="ti-close"></i></label> Sil</a>

                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>

        </div>




    </div><!--/.main-content -->
@endsection