@extends('layouts.app')
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
		        <div class="card-body">
		          <h4 class="card-title">Edit Event</h4>

                @php
                  if( $list->event_type == 'Single Event' ) $evname = 'One-of Event (Single Day)';
                  else if( $list->event_type == 'Single Event' ) $evname = 'One-of Event (Multiple Days)';
                  else $evname = 'Weekly Event';
                @endphp
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                  <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="basic-info-tab" data-bs-toggle="tab" data-bs-target="#basic-information" type="button" role="tab" aria-controls="single-event" aria-selected="true">{{$evname}}</button>
                  </li>
                  @if( isset($list->id) && $list->id > 0 )
                      <li class="nav-item" role="presentation">
                        <button class="nav-link" id="fav-events-tab" data-bs-toggle="tab" data-bs-target="#fav-information" type="button" role="tab" aria-controls="weekly" aria-selected="false">Favourite By ({{$list->favourite_events->count()}})</button>
                      </li>
                      <li class="nav-item" role="presentation">
                        <button class="nav-link" id="booked-events-tab" data-bs-toggle="tab" data-bs-target="#booked-information" type="button" role="tab" aria-controls="weekly" aria-selected="false">Bookings ({{$bookings->total()}})</button>
                      </li>
                  @endif

                </ul>
                <div class="tab-content" id="eventTabContent">
                	<div class="tab-pane fade show active" id="basic-information" role="tabpanel" aria-labelledby="basic-info-tab">
					           @include('admin.events.edit-event')
                	</div>
                  <div class="tab-pane fade" id="fav-information" role="tabpanel" aria-labelledby="fav-events-tab">
                    @include('admin.events.favourites-by')
                  </div>  
                	<div class="tab-pane fade" id="booked-information" role="tabpanel" aria-labelledby="booked-events-tab">
                		@include('admin.events.booked-events')
                	</div>	
          	    </div> 
	        </div>
	    </div>        
    </div> <!-- end col -->
  </div> 
</div>
<script type="text/javascript">
      $('.imgRemove').click(function(e){
        e.preventDefault();
        $(this).parent('a').css('pointer-events','none');
        var conf = window.confirm("Do you want to delete this image ?");
        if( conf ){
            window.location.href = $(this).attr('data-route')
        }
        $(this).parent('a').removeAttr('style');
    })
</script>
@endsection