@extends('layouts.admin')
@section("style")
    <link href="{{ asset('assets/plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/select2/css/select2-bootstrap4.css')}}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/datatable/css/dataTables.bootstrap5.min.css')}}" rel="stylesheet" />
@endsection
@section('pageTitle')
<title>{{ trans('panel.site_title') }} {{ trans('global.show') }} {{ trans('new.event') }}</title>
@endsection

@section('styles')

@endsection
@section('content')
<!--start page wrapper -->
    <div class="page-wrapper">
        <div class="page-content">
            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3">{{ trans('new.event') }}</div>
                <div class="ps-3">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{ trans('global.show') }} {{ trans('new.event') }} </li>
                        </ol>
                    </nav>
                </div>
                <hr/>
            </div>
            <!--end breadcrumb-->
            
            @include('layouts/notification')
            
             @csrf
                <div class="row">
                    
                        
                    <div class="col-12">
                        <!-- Tabs content -->
                        
                                
                        <div class="card">
                            <div class="card-header">
                                <div class="row">
                                    <div class="col-12">
                                        <?php  $feature_image = URL::asset('images/no_img.png'); ?>
                                        <?php
                                            if(!empty($event->feature_image)){
                                                $feature_image = URL::asset('Event/'.$event->id.'/'.$event->feature_image);
                                            }
                                        ?>
                                        <img class="img-responsive feature_imag" alt="Event Feature Image" src="{{$feature_image}}" />
                                    </div>
                                    <div class="col-12 mt-3">
                                        <h3 class="card-title">{{$event->event_title}}</h3>
                                        <p>Address : <small>{{$event->address_line1}} , {{$event->address_location}} </small></p>
                                        <p>No of Hours : <small>{{$event->event_hours}} </small> </small> | Date: <small>{{date('dM , Y', strtotime($event->start_date))}} {{__('From')}} - {{$event->start_time}} {{__('To')}} : {{$event->end_time}} </small></p>
                                        <hr/>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        {!! $event->event_desc !!}
                                    </div>
                                    
                                    
                                </div>
                            </div>
                        </div>
                        
                        <div class="card">
                            <div class="card-header">
                                <div class="row">
                                    <div class="col-12 mt-3">
                                        <h3 class="card-title">Volunteers joining this Event</h3>
                                        <hr/>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="table-responsive">
                                            <table class="datatable table table-striped table-bordered align-middle" style="width:100%">
                                                <thead>
                                                    <tr>
                                                        <th>Profile</th>
                                                        <th>Volunteer Name</th>
                                                        <th>Email</th>
                                                        <th>Date</th>
                                                        <th>Ticket Number</th>
                                                        <th>Status</th>
                                                        
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <?php $count = 0; ?>
                                                    @if($tickets->count())
                                                        @foreach($tickets as $key => $ticket)
                                                            <?php  $user_profile_img = URL::asset('images/profile.webp'); ?>
                                                            <?php
                                                                if(!empty($ticket->user_profile_img)){
                                                                    $user_profile_img = URL::asset('frontend/Profile/'.$ticket->volunteer_id.'/'.$ticket->user_profile_img);
                                                                }
                                                            ?>
                                                        <?php $count++; ?>
                                                        <tr data-entry-id="{{ $ticket->event_id }}">
                                                            

                                                            <td><img src="{{$user_profile_img}}" class="opportunity_file" height="40" /></td>
                                                            <td>{{ $ticket->volunteer_name }}</td>
                                                            <td>{{ $ticket->email }}</td>
                                                            
                                                            <td>{{date('dM , Y', strtotime($ticket->created_at))}}</td>
                                                            <td>{{ $ticket->ticket_number }}</td>
                                                            <td>
                                                                @if($ticket->ticket_status == 0)
                                                                    <span class="text-info m-1" ><i class="fadeIn animated bx bx-user-plus"></i> {{ __('Pending') }}</span>
                                                                @elseif($ticket->ticket_status == 1)
                                                                    <span class="text-success m-1" ><i class="fadeIn animated bx bx-user-check"></i> {{ __('Confirmed') }}</span>
                                                                @endif
                                                            </td>
                                                            
                                                        </tr>
                                                        @endforeach
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    
                                    
                                </div>
                            </div>
                        </div>
                        
                        
                        

                        
                        
                        
                        <div class="card">
                            <div class="card-body">
                                <div>
                                    <a class="btn btn-secondary waves-effect waves-ripple mr-3" href="{{ route('admin.events.index') }}">{{ trans('global.back_to_list') }}</a>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            
        </div>
    </div>

    
    
  
@endsection
@section('scripts')
<script src="{{ asset('assets/plugins/select2/js/select2.min.js')}}"></script>
<script src="{{ asset('assets/plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('assets/plugins/datatable/js/dataTables.bootstrap5.min.js')}}"></script>

<script>
    $(document).ready(function(){
        $('.datatable').dataTable({
            aLengthMenu: [
                [25, 50, 100, 200, 500,1000,-1],
                [25, 50, 100, 200, 500,1000,"All"]
            ],
            iDisplayLength: 500
        });
    });
</script>

    
    
@endsection