@include(getTemplate().'.view.layout.header',['title'=>'User Plan'])
@include(getTemplate().'.user.layout.menu')




<div class="container-fluid text-center">

    @if(isset($content))
    <h3> Course: <a href="/product/{{ $content->id }}" target="_blank" 
        class="font-semibold text-4xl">{{ $content->title }} </a></h3>
@elseif(isset($part))
    <h3>Course: <a href="/product/{{ $part->content['id']}}" class="font-semibold text-4xl">{{ $part->content['title']}} </a></h3>
@elseif(isset($lists[0]->content['title']))

    <h3 class="text-center">Course: <a href="/product/{{$lists[0]->content['id']}}"
        class="font-semibold text-4xl">{{$lists[0]->content['title']}}</a></h3>
@endif


    <!-- Trigger the modal with a button -->
    
    <a href="/user/content/part/new/{{ $id ?? 0 }}" class="btn btn-primary @yield('tab1')">
      <i class="bi bi-calendar4-event"></i> 
      Add new content
    </a>

    <a href="/user/content/part/list/{{ $id ?? 0 }}" class="btn btn-primary @yield('tab2')">
        <i class="bi bi-camera-video"></i> Content List</a>


<button type="button" class="btn btn-primary" data-toggle="modal"
 data-target="#myModalYoutube">Bulk Upload Youtube</button>

    </div>

    <div class="tab-content">
        <div class="active tab-pane fade in" id="tab1">
            @yield('tab')
        </div>
    </div>




       

<!-- Modal -->
<div id="myModalYoutube" class="modal fade" role="dialog">
    <div class="modal-dialog">
  
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Bulk import youtube playlist</h4>
        </div>
        <div class="modal-body">
          <p>
  
              <form action="/user/content/part/import_playlist" method="post">
                  {{ csrf_field() }}

                  @if(isset($content))
                  <input type="hidden" name="content_id" value="{{ $content->id }}">
                    @elseif(isset($part->content['id']))
                  <input type="hidden" name="content_id" value="{{ $part->content['id'] }}">
                   @elseif(isset($lists[0]->content['id'])) 
                  <input type="hidden" name="content_id" value="{{ $lists[0]->content['id'] }}">
                   @endif 

                  <div class="form-group">
                      <label class="control-label text-3xl" for="inputDefault">Bulk Import Youtube Videos</label>
                      <p>The videos MUST be from a playlist with its privacy as 'unlisted', not 'public' or 'private'.</p>
                      <input type="text" name="youtube_playlist_url" placeholder="https://" class="form-control">
                  </div>
  
                  <div class="form-group">
                      <button class="btn btn-primary bg-red-400 border-transparent pull-left" type="submit">
                      {{ trans('main.import_videos') }}</button>
                  </div>
              </form>
  
  
          </p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
  
    </div>
  </div>







@section('script')
    <script>$('#buy-hover').addClass('item-box-active');</script>
@endsection

@include(getTemplate().'.user.layout.modals')
@include(getTemplate().'.view.layout.footer')