@extends('layouts.buddy-screens')
    @section('content')

          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Dashboards /</span><span class="text-muted fw-light"> Past Event Details /</span> {{$event->topic}}</h4>
              
			    <!-- Horizontal -->
             
              <div class="row mb-5">
           <h3 class="card-header green">{{$event->topic}}</h3>
				
              <!-- Basic Bootstrap Table -->
              <div class="card mb-3">
                <h5 class="card-header">Details </h5>
				
                <div class="table-responsive text-nowrap">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>Guest Speaker :</th>
                        <th>Event Date :</th>
                        <th>Event Type :</th>
                        <th>Event Programme Type :</th>
                      </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                    
                      <tr>
                        <td>{{$event->speaker}}</td>
                        <td>{{ \Carbon\Carbon::parse($event->event_date)->isoFormat('DD MMM YYYY')}}</td>
                        <td>{{$event->type}}</td>
                        <td>{{$event->event_programme}}</td>
                      </tr>

                         
                      
                    </tbody>
                  </table>
                </div>
              </div>
              <!--/ Basic Bootstrap Table -->
{{-- 			  
			  <div class="card">
                <h5 class="card-header">Event Link</h5>
				<div class="card-body">
               <div class="row">
			    <div class="col-lg-12">
              <p> Click Here :<a href=" {{$event->link}}"> {{$event->link}}</a> </p>
			  </div>
                </div>
              </div>
			   </div> --}}


         <div class="row">
          <div class="col-md-4">
            <div class="card">
              <h5 class="card-header">Event Link</h5>
           <div class="card-body">
             <div class="row">
              <div class="col-lg-12">
                  @if ($event->link)
                  <p> Click Here :<a href="{{$event->link}}" target="_blank"> {{$event->link}}</a> </p>
                  @endif
            </div>
              </div>
            </div>
          </div>
              </div>
              <div class="col-md-4">
                <div class="card">
                  <h5 class="card-header">Event Document</h5>
              <div class="card-body">
                  <div class="row">
                    <div class="col-lg-12">
                       @if ($event->document)
                       <p> Click Here :<a href="{{asset('public/uploads/event/products/' . $event->document)}}" target="_blank"> Event Document</a> </p>
                       @endif
                    </div>
                  </div>
              </div>
          </div>
          </div>

          <div class="col-md-4">
            <div class="card">
              <h5 class="card-header">Event Video</h5>
          <div class="card-body">
              <div class="row">
                <div class="col-lg-12">
                   @if ($event->video)
                   <p> Click Here :<a href="{{asset('public/uploads/event/products/' . $event->video)}}" target="_blank"> Event Video</a> </p>
                   @endif
                </div>
              </div>
          </div>
      </div>
      </div>
        </div>


				 <div class="card mb-4 mt-3">
				 
                <h6 class="card-header" >Description</h6>
                <div class="card-body">
                  <div class="row">
                    <!-- Custom content with heading -->
                    <div class="col-lg-6">
                    <p> {{$event->description}}</p>
   <button type="button" class="btn btn-outline-primary">Chat </button>  

<br>
</div>

<div class="col-lg-6">
  <iframe width="510" height="315" src="{{$event->link}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

					 </div>
                 
</div></div>
             
            </div>
          @endsection