@extends('layouts.admin.main')
@section('title', __('Program'))
@section('style')
    <link href="{{ asset('assets/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{ asset('assets/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.3/css/jquery.dataTables.min.css">

    <style>
        .btn-group .btn{
            border: 1px solid #fff;
            border-radius: 3px;
        }
        .dt-buttons{
            display: none !important;
        }
        .data-missing td {
            background: rgba(244, 215, 201, .37);
    color: #d93025;
    border-color: #d93025;
	 border-left: 5px solid #d93025;
	 font-weight: 600;
        }
		.total-schedules {
		background: #eee;
    border: 1px solid #eee;
    padding: 8px;
    text-align: center;
		}
		.total-available {
		background: #eee;
    border: 1px solid #eee;
    padding: 8px;
    text-align: center;
		}
		.total-missings {
		background: #eee;
    border: 1px solid #eee;
    padding: 8px;
    text-align: center;
		}
    </style>
@endsection
@section('rightbar-content')                
<div class="breadcrumbbar">
	<div class="row align-items-center">
		<div class="col-md-3 col-lg-3">
			<h4 class="page-title">All Program Schedules</h4>
			<div class="breadcrumb-list">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="{{url('/')}}">{{ __('adminWords.home') }}</a></li>
					<li class="breadcrumb-item"><a href="#">Program Schedules</a></li>
				</ol>
			</div>
		</div>
        {{-- <div class="col-md-1 col-lg-1">

        </div>
        <div class="col-md-3 col-lg-3">
                <input type="text" name="search" id="search" class="form-control" placeholder="Search Program">
        </div>

		<div class="col-md-5 col-lg-5">
			<div class="widgetbar">
                <div class="btn-group">
                    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Export
                    </button>
                    <div class="dropdown-menu">
                        <button class="dropdown-item copy" href="#">Copy</i></button>
                        <button class="dropdown-item csv" href="#">CSV</button>
                        <button class="dropdown-item excel" href="#">Excel</button>
                        <button class="dropdown-item pdf" href="#">PDF</button>
                    </div>
                </div>
				<a class="btn btn-danger" href="{{route('program_create')}}"><i class="feather icon-plus mr-2"></i>Create Program</a>
			</div>                        
		</div> --}}
	</div>          
</div>

<div class="contentbar">  
	<div class="row">
		<div class="col-lg-12"> 
			<div class="card m-b-30 p-4">
				<div class="card-body">		
                    
                        <div class="row justify-content-center">

                            <div class="col-md-12" style="text-align: center">
                                <div style="padding: 10px">
                                    <h4>Schedule Details - {{date('d-m-Y')}} - {{date('d-m-Y', strtotime("+6 days"))}}</h4>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <h5 class="total-schedules">Total Schedules : 0</h5>   
                            </div>
                            <div class="col-md-4">
                                <h5 class="total-available">Total Available : 0</h5>  
                            </div>
                            <div class="col-md-4">
                                <h5 class="total-missings">Total Missing : 0</h5>  
                            </div>
                        </div>

							<table data-method="post" id="programs-table" class="table  table-hover" data-url="{{route('podcastData')}}">
								<thead>
									<tr> 
										<!-- <th class="select-checkbox"> 
											<div class="inline custom-checkbox">
												<input id="checkboxAll" type="checkbox" class="custom-control-input selectAllUser" onchange="checkAll(this, 'CheckBoxes')">
												<label for="checkboxAll" class="custom-control-label"></label>
											</div>
										</th> -->
                                        <th>S.No</th>
										<th>Date</th>
										<th>Start Time</th>
										<th>End Time</th>
										<th>Duration</th>
										<th>Program</th>
										<th>Presenter</th>
									</tr>
								</thead>
                                <tbody>
                                    @if(count($upcoming_schedule) > 0)
                                    @php 
                                        $i=1; 
                                        $missing = 0;
                                    
                                    @endphp
                                    @foreach($upcoming_schedule as $k => $schedule)

                                        @php $endTime=null; @endphp


                                        @foreach($schedule as $key => $program)

                                        @php
                                            $start = \Carbon\Carbon::parse($program->start_time);
                                            $dataMissing="";
                                            if($endTime){
                                                   // check difference between end time and start time in seconds
                                                    $diff = $start->diffInSeconds($endTime);
                                                    if($diff > 120){
                                                        $dataMissing = "data-missing";
                                                    }
                                            }
                                            
                                            if($dataMissing){
                                                $missing +=1;
                                                echo '<tr class="'.$dataMissing.'">
                                                        <td colspan="100% " class="text-center" style="
    color: #d93025;
    
">
                                                            Schedule missing From '.\Carbon\Carbon::parse($endTime)->format("h:i A").' To '.\Carbon\Carbon::parse($start)->format("h:i A").'
                                                        </td>
                                                       </tr>';
                                            }

                                        @endphp

                                       <tr>
                                          @php 
                                          $src = '';
                                            $artists =$program->artist_name ? json_decode($program->artist_name,true) : [];
                                            $artist_name = '';
                                            $artistsDetails = Modules\Artist\Entities\Artist::whereIn('id',$artists)->get();
                                            foreach($artistsDetails as $artist){
                                                $artist_name .= $artist->artist_name.',';
                                            }

                                            $artist_name = rtrim($artist_name,',');
                                            $endTime = \Carbon\Carbon::parse($program->end_time);

                                         // $src = asset('/images/programs/'.$song->image);
                                          @endphp
                                            <!-- <td class="select-checkbox"> 
                                                    <div class="inline custom-checkbox">
                                                        <input  type="checkbox" class="custom-control-input selectAllUser">
                                                        <label for="checkboxAll" class="custom-control-label"></label>
                                                    </div>
                                            </td> -->
                                            <td>{{ $i++ }}</td>
                                            <td>{{$k}}</td>
                                            <td>{{\Carbon\Carbon::parse($program->start_time)->format("h:i A") }}</td>
                                            <td>{{\Carbon\Carbon::parse($program->end_time)->format("h:i A") }}</td>
                                            <td>
                                                {{-- show duration --}}
                                                @php
                                                    $start_time = \Carbon\Carbon::parse($program->start_time);
                                                    $end_time = \Carbon\Carbon::parse($program->end_time);
                                                    $duration = $start_time->diff($end_time)->format('%H:%I');
                                                @endphp
                                                {{$duration}}
                                            </td>
                                            <td>{{$program->program_name}}</td>
                                            
                                            
                                            <td>{{$artist_name}}</td>
                                            {{-- <td>{{ \Carbon\Carbon::parse($song->created_at)->diffForHumans() }}</td> --}}
                                            
                                       </tr>
                                       @endforeach
                                    @endforeach
                                    @endif
                                </tbody> 
							</table>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection
@section('script')
<script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js') }}"></script>      
    <script src="{{ asset('assets/js/mrcls-custom.js') }}"></script>  
    

    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="{{ asset('assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/dataTables.buttons.min.js') }}"></script>
	<script src="{{ asset('assets/plugins/datatables/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/jszip.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/pdfmake.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/vfs_fonts.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/buttons.print.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables/responsive.bootstrap4.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

    <script>

        let totalSchedules = '{{$i-1}}';
        let totalMissings = '{{$missing}}';

        $(document).ready(function () {

            $('.total-schedules').html("Total Schedules: "+(parseInt(totalSchedules)+parseInt(totalMissings)));
            $('.total-missings').html("Total Missings: "+totalMissings);
            $('.total-available').html("Available Schedules: "+totalSchedules);


          var ProgramsTable =  $('#programs-table').DataTable({
                "lengthChange": false,
                "searching":false,
                dom: 'Bfrtip', 
                // buttons: [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ] 
                buttons: [
                    {
                        extend: 'copyHtml5',
                    },
                    {
                        extend:'csvHtml5',
                        title: 'Disrupt_programs_'+ new Date().toLocaleDateString()                        
                    },
                    {
                        extend: 'excelHtml5',
                        title: 'Disrupt_programs_'+ new Date().toLocaleDateString()                        
                    },
                    {
                        extend: 'pdfHtml5',
                        title: 'Disrupt_programs_'+ new Date().toLocaleDateString()                        
                    }
                ]
            });


             // Search functionality commented out - not used on schedules page
             /*
             //custom search filter
             $('#search').keyup(function(){
                 let keyword = $(this).val();   
                 
                    $.ajax({
                        type:"GET",
                        url:"{{ route('program') }}",
                        data:{
                            search : keyword
                        },

                        success:function(response){

                            var podcastdata = JSON.parse(response);

                            //Remove old table data
                            var podcastTable = $('#programs-table').DataTable();
                            podcastTable.clear().draw();

                            var i = 1;

                            //assign asset url to variable
                            var assetUrl = "{{ asset('/images/programs')  }}";

                            //Append New response based on search keyword
                            podcastdata.forEach(function(item){
                                var status = item.status == 1 ? 'checked' : '';
                                var id = item.id; 
                                var editUrl = "/program_edit/" + id;
                                var deleteUrl = "/podcast_delete/" + id;

                                var type = JSON.parse(item.type);
                                var programType = '';
                               $.each(type,function(index,value){
                                
                                    if(value == 1){
                                        programType += 'Prime Time Program,';
                                    }else if(value == 2){
                                        programType += ' Specialist Program,';
                                    }else if(value == 3){
                                        programType += ' Live Program';
                                    }
                               });


                                podcastTable.row.add([

                                        i,
                                        '<img src="'+assetUrl+'/'+item.image+'" alt="" class="img-fluid" width="60px" height="60px">',
                                        item.program_name,
                                        programType,
                                        moment(item.created_at).fromNow(),
                                        '<div class="custom-switch"><input id="swith'+item.id+'" data-id = "'+item.id+'" name="status" class="custom-control-input" onchange="changeStatus('+item.id+')" type="checkbox"><label class="custom-control-label" for="swith'+item.id+'"></label></div>',
                                        '<a href="'+editUrl+'"><i class="feather icon-edit-2 text-success"></i></a> &nbsp  <a href="#"><i class="feather icon-trash text-danger program_delete"></i></a>'

                                     ]).draw(false);

                                //Add checked attribute to switcher
                                if(item.status == 1){
                                    $('#swith'+id).attr('checked',true);
                                }

                              i++;
                            });
                        }
                    });
                 
            });
            */

        
            $('.csv').click(function(){
             $('.buttons-csv').trigger('click');
         });

         $('.copy').click(function(){
             $('.buttons-copy').trigger('click');
         });

         $('.excel').click(function(){
             $('.buttons-excel').trigger('click');
         });

         $('.pdf').click(function(){
             $('.buttons-pdf').trigger('click');
         });


            $('.program_delete').click(function(){
                var id = $(this).data('id');
                if(confirm('Are you sure about to delete ?')){
                    $.ajax({
                   type:"POST",
                   url:"{{ route('delete_program') }}",
                   data:{
                      id:id,
                      _token:"{{ csrf_token() }}"
                   },
                   success:function(resp){
                    // console.log('status changed');
                    window.location.reload();
                   }
                });
                }else{
                    return false;
                }
               
            });
        });

        function changeStatus(id){
                if ($('#swith'+id).is(':checked')) {
                    var status = 1;
                } else {
                    var status = 0;
                }
                $.ajax({
                   type:"POST",
                   url:"{{ route('change_program_status') }}",
                   data:{
                      id:id,
                      status:status,
                      _token:"{{ csrf_token() }}"
                   },
                   success:function(resp){
                    console.log('status changed');
                   }
                });
            }
    </script>
@endsection