@extends('frontend.vendor_dashboard.dashboard.layouts.app')

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


        <!-- Breadcrumb-->
        <div class="row pt-2 pb-2">
            <div class="col-sm-10">
                <h4 class="page-title">Event</h4>

            </div>
            <div class="col-sm-2">
                <div class="btn-group float-sm-right">
                    <a href="{{ route('vendor.vendor-event.create') }}"
                        class="btn btn-outline-primary waves-effect waves-light">
                        <i class="fa fa-plus mr-1"></i> Add New
                    </a>


                </div>
            </div>
        </div>
        <!-- End Breadcrumb-->
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header"><i class="fa fa-table"></i> Events</div>
                   <div class="card-body p-0">
               <div class="table-responsive">
                    <table class="table table-vcenter card-table">
                      <thead>
                        <tr>
                            <th>S.N</th>
                          <th>Name</th>
                          <th>Image</th>
                           <th>Status</th>
                          <th class="w-1"></th>
                        </tr>
                      </thead>
                      <tbody>
                         @foreach($datas as $keys=>$data)
                        <tr>
                          <td>{{ $keys+1 }}</td>
                          <td class="text-secondary">{{ $data->name }}</td>
                           <td class="text-secondary">
                            <img src="{{ asset($data->image )
                            }}" style="width:50px; height:50px;">
                          </td>

                           @if ($data->status == 'active')
                                                <td class="text-secondary"><span
                                                        class="badge rounded-pill bg-success">{{ $data->status }}</span>
                                                </td>
                                            @else
                                                <td class="text-secondary"><span
                                                        class="badge rounded-pill bg-danger">{{ $data->status }}</span>
                                                </td>
                                            @endif

                           <td>
                                <div class="btn-group" role="group">
                                    @if ($data->status == 'active')
                                    <a href="{{ route('vendor.event.inactive',$data->id) }}" class="btn btn-sm btn-danger">Inactive</a>
                                    @else
                                    <a href="{{ route('vendor.event.active',$data->id) }}" class="btn btn-sm btn-success ">Active</a>
                                    @endif
                                    <a href="{{ route('vendor.vendor-event.edit', $data->id) }}" class="btn btn-sm btn-primary ml-2">Edit</a>
                                     <a href="{{ route('vendor.event.delete', $data->id) }}" class="btn btn-sm btn-danger ml-2" id="delete">Delete</a>

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


                      </tbody>
                    </table>
                  </div>
                  <div class="card-footer">
                     {{ $datas->links() }}
                  </div>
            </div>
                </div>
            </div>
        </div><!-- End Row-->




    </div>
@endsection