@extends('layouts.mainlayout')
@section('title', 'Manage Schedule')
@section('main')
<!-- Single item selection -->
<div class="card" >
    <div class="card-header header">
        <p>{{@$team->team}}</p>
            <h1 >Available Schedule</h1>

    </div>
    <div class="card-header header-elements-inline">
        <h5 class="card-title icon-users4 font-weight-bold"> Teams</h5>
          
        <a href="{{route('add-custom-schedule.create', [ 'teamId' => $team->id])}}"><button class="icon-plus2 btn btn-success">Add New</button></a>
    </div>
        <table class="table datatable-select-single">
        <thead>
            <tr>
                <th>Schedule Name</th>
                <th>From</th>
                <th>To</th>
                @if(auth()->user()->can('Edit Schedule Module')) 
                	<th>Default</th>
                @endif
                <th>Status</th>
                @if(auth()->user()->can('Delete Schedule Module') || auth()->user()->can('Edit Schedule Module'))
                    <th>Action</th> 
                @endif
                
            </tr>
        </thead>
        <tbody>
             @foreach ($schedules as $schedule)
                <tr>
                    @php  
                        $ids = array($schedule->id, 'team_id'=>$team->id); 
                    @endphp

                    <td>{{ $schedule->name}}</td>
                    <td>

                        {{ $schedule->from_date ? Carbon\Carbon::parse($schedule->from_date)->format(config('settings.php_date_format'))  : '---' }} </td>
                    <td>{{ $schedule->to_date ?  Carbon\Carbon::parse($schedule->to_date)->format(config('settings.php_date_format'))  : '---' }}</td>
                    
                    @if(auth()->user()->can('Edit Schedule Module'))
                    <td>
                        <input type="radio" name="is_default" value="{{ $schedule->id }}" {{ ($schedule->is_default=="1")? "checked" : "" }}/> 
                    </td>
                    @endif
                    <td>
                        @if( $schedule->status == 1 )
                            DRAFT
                         @elseif( $schedule->status == 0)
                           PUBLISHED
                         @endif   
                    </td>

                    <td>
                        @if(auth()->user()->can('Edit Schedule Module'))
                            <a href="{{ route('edit-schedule.edit', $ids ) }}"><button class="btn btn-info btn-sm icon-pencil7"></button></a> 
                        @endif
                        @if(auth()->user()->can('Delete Schedule Module'))
                            <form method="Post" action="{{ route('delete.destroy',$schedule->id) }}" onsubmit="return confirmDelete();">
                                @method('DELETE')
                                @csrf
                                <div class ="field">
                                    <div class="control">
                                        <button type="submit" class="btn btn-danger btn-sm icon-bin"></button>
                                    </div>
                                </div>   
                            </form>  
                        @endif
                </td>
                </tr>
            @endforeach
        </tbody>
    </table>

</div>
<!-- /Single item selection -->
@endsection

@section('js')

           

<script>

$(document).ready(function() {
  $('input[type="radio"]').click(function(){  
    var r = confirm("Are you want to sure make this default schedule?");
    if (r == true) {
    $.ajaxSetup({
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
    });
    let scheduleId = Number($(this).val());
    var baseurl = '{{url('/')}}';
    $.ajax({  
      type: 'POST',
      url: baseurl+'/scheduleshow/change-default-schedule/'+ scheduleId,
      processData: false,
      contentType: false,
      data: { scheduleId },
      success: function(data) {
        new PNotify({
            title: 'Schedule has been marked as default',
            delay:1500,
            hide: true,     
        });
      }
    });
    }
else
{
    return false;
}
  });

});
                                                          
function confirmDelete() {
    var r = confirm("Are you sure, you want to delete this Schedule?");
    if (r == false) {
        return false;
    } else {
        return true;
    }
}            
</script>
@endsection