@extends('layouts.mastercms')

@section('content')
<div class="content-wrapper container">
@include('flash')
    <div class="section px-2">
        <div class="row space-between">
            <div class="col-sm-12 col-md-2">
                <a href="/eventcreate" class="btn btn-primary my-2"><i class="fas fa-plus mr-1"></i>Create</a>
            </div> 
        </div>

        <table class='table' id='product_data'>
            <thead>
                <tr>
                <th scope='col'>ID</th>
                <th scope='col'>Title</th>
                <th scope='col'>Image</th>
                <th scope='col'>Start Date</th>
                <th scope='col'>End Date</th>
                <th scope='col'>Location</th>                
                <th scope='col'>Action</th>
                </tr>
            </thead>
           
            @foreach($event as $posts)
            <tbody>
                <tr>
                <td scope="col">{{$posts->id}}</td>
                <td scope="col">{{$posts->title}}</td>
                <td scope="col"><img src="{{$posts->image()}}" height="50px" width="50px"></td>
           
                <!-- <td scope="col">{{$posts->npdate()['Y']}}-{{$posts->npdate()['F']}}-{{$posts->npdate()['n']}}</td> -->
                <td scope="col">{{$posts->start_date}}</td>
                <td scope="col">{{$posts->end_date}}</td>
                <td scope="col">{{$posts->location}}</td>
               
                <td scope="col">
                <a href="/eventedit/{{$posts->id}}"><i class="nav-icon fas fa-pen pr-5"></i></a>
                <form action="/eventdel/{{$posts->id}}" class="d-inline" method='POST'>
                    @csrf
                    @method('DELETE')
                    <button class="btn" onclick="return confirm('Are you sure you want to delete this product?');" ><i class="fas fa-trash text-danger"></i></button>
                </form>

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

      
    </div>
</div>
@endsection