@extends('layouts.admin.main')
@section('title', 'Podcast')
@section('style')
    <link href="{{ asset('assets/plugins/datepicker/datepicker.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/plugins/switchery/switchery.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/plugins/summernote/summernote-bs4.css')}}" rel="stylesheet" type="text/css">

@endsection
@section('rightbar-content')               
<div class="breadcrumbbar">
  <div class="row align-items-center">
    <div class="col-md-8 col-lg-8">
      <h4 class="page-title">{{!empty($albumData) ? __('adminWords.update').' '.__('adminWords.album') : __('adminWords.create').' Podcast' }}</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="#">Podcast</a></li>
        </ol>
      </div>
    </div> 
  </div>          
</div>
  
<div class="contentbar">  
    <div class="row">
        <div class="col-lg-12">
            <div class="card m-b-30">
                <div class="card-header"> 
                    <div class="text-right">   
                        <a class="btn btn-primary" href="{{ url('album') }}">{{ __('adminWords.go_back') }}</a>
                    </div>                               
                    <div class="row align-items-center">
                        <div class="col-6">
                        <h5 class="card-title mb-0"> {{!empty($albumData) ? __('adminWords.update').' '.__('adminWords.album') : __('adminWords.create').' Podcast'}}</h5>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                <div class="admin-form">
                    
                <form action="{{ route('save_podcast') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-6"> 
                            <div class="form-group{{ $errors->has('album_name') ? ' has-error' : '' }}">
                                <label for="album_name">Podcast Name<sup>*</sup></label> 
                                 <input type="text" name="album_name" class="form-control" required>
                                <small class="text-danger">{{ $errors->first('album_name') }}</small>
                            </div>   
                            
                            <div class="form-group">
                                  <label for="artist_name">Presenter Name<sup>*</sup></label>
                                  <!-- <input type="text" name="artist_name" class="form-control" required> -->
                                  <select name="artist_name[]" id="artist_name" class="form-control multipleSelectWithSearch require" required multiple="multiple" data-placeholder="Select Presenter">
                                      @if(!empty($artists))
                                      @foreach($artists as $artist)
                                         <option value="{{ $artist->id }}">{{ $artist->artist_name  }}</option>
                                      @endforeach
                                      @endif
                                  </select>
                            </div>

                            <div class="form-group">
                                    <label for="program_id">Parent Program <sup>*</sup></label>
                                    <select name="program_id" id="program_id" class="form-control select2WithSearch require" required>
                                        <option value="">Select Parent Program</option>
                                         @if(!empty($programs))
                                         @foreach($programs as $program)
                                             <option value="{{ $program->id }}">{{ $program->program_name  }}</option>
                                         @endforeach
                                         @endif
                                    </select>
                            </div>
                                    
                           {{--  <div class="form-group{{ $errors->has('copyright') ? ' has-error' : '' }}">
                                {!! Form::label('copyright', __('adminWords.copyright')) !!}
                                {!! Form::text('copyright', null, ['class' => 'form-control', 'placeholder'=>__('adminWords.enter').' '.__('adminWords.copyright')]) !!}
                                <small class="text-danger">{{ $errors->first('copyright') }}</small>
                            </div>--}}
                        
                            <div class="form-group{{ $errors->has('song_list') ? ' has-error' : '' }}">
                                <label for="song_list">{{__('adminWords.select').' '.__('adminWords.song')}}<sup>*</sup></label> 
                                <select name="song_list[]" id="song_list_select" class="form-control require" data-placeholder="{{__('adminWords.choose')}}"  multiple="multiple" required>
                                    <!-- Options will be loaded via AJAX -->
                                </select>
                                <small class="text-muted">Start typing to search for songs</small>
                            </div>
                            
                           {{-- <div class="form-group{{ $errors->has('language_id') ? ' has-error' : '' }}">
                                <label for="language">{{ __('adminWords.select').' '.__('adminWords.language') }}<sup>*</sup></label> 
                                {!! Form::select('language_id', $language, (!empty($albumData) ? $albumData->language_id : ''), ['class' => 'form-control select2WithSearch require','placeholder' => __('adminWords.choose',),'required' => 'required']) !!}
                                <small class="text-danger">{{ $errors->first('language_id') }}</small>
                            </div> --}}
                            <div class="form-group{{ $errors->has('description') ? ' has-error' : '' }}">
                                {!! Form::label('description', __('description')) !!}
                                <!-- {!! Form::textarea('description', null, ['class' => 'form-control', 'rows' => '3', 'placeholder'=> __('adminWords.enter').' '.__('adminWords.description')]) !!} -->
                                {!! Form::textarea('description', null, ['id' => 'summernote','class' => 'form-control require' ,'required']) !!}
                                <small class="text-danger">{{ $errors->first('adminWords.description') }}</small>
                            </div>  
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group{{ $errors->has('status') ? ' has-error' : '' }} switch-main-block">
                                <div class="row">
                                    <div class="col-lg-3">
                                        {!! Form::label('status', __('adminWords.status')) !!}
                                    </div>
                                    <div class="col-lg-2">
                                        {!! Form::checkbox('status', 1, (!empty($albumData) &&   $albumData->status == 0 ? 0 : 1), ['class' => 'js-switch-primary']) !!}
                                    </div>
                                </div>
                                <small class="text-danger">{{ $errors->first('status') }}</small>
                            </div>
                            <div class="form-group{{ $errors->has('is_featured') ? ' has-error' : '' }} switch-main-block">
                                <div class="row">
                                    <div class="col-lg-3">
                                        {!! Form::label('is_featured', __('adminWords.featured')) !!}
                                    </div>
                                    <div class="col-lg-2">
                                        {!! Form::checkbox('is_featured', 1, (!empty($albumData) &&   $albumData->is_featured == 0 ? 0 : 1), ['class' => 'js-switch-primary']) !!}
                                    </div>
                                </div>
                                <small class="text-danger">{{ $errors->first('is_featured') }}</small>
                            </div>
                           {{-- <div class="form-group{{ $errors->has('is_trending') ? ' has-error' : '' }} switch-main-block">
                                <div class="row">
                                    <div class="col-lg-3">
                                        {!! Form::label('is_trending', __('adminWords.trending')) !!}
                                    </div>
                                    <div class="col-lg-2">
                                        {!! Form::checkbox('is_trending', 1, (!empty($albumData) &&   $albumData->is_trending == 0 ? 0 : 1), ['class' => 'js-switch-primary']) !!}
                                    </div>
                                </div>
                                <small class="text-danger">{{ $errors->first('is_trending') }}</small>
                            </div>
                            <div class="form-group{{ $errors->has('is_recommended') ? ' has-error' : '' }} switch-main-block">
                                <div class="row">
                                    <div class="col-lg-3">
                                        {!! Form::label('is_recommended', __('adminWords.recommended')) !!}
                                    </div>
                                    <div class="col-lg-2">
                                        {!! Form::checkbox('is_recommended', 1, (!empty($albumData) &&   $albumData->is_recommended == 0 ? 0 : 1), ['class' => 'js-switch-primary']) !!}
                                    </div>
                                </div>
                                <small class="text-danger">{{ $errors->first('is_recommended') }}</small>
                            </div>
                            <div class="form-group{{ $errors->has('is_verified') ? ' has-error' : '' }} switch-main-block">
                                <div class="row">
                                    <div class="col-lg-3">
                                        {!! Form::label('is_verified', __('adminWords.verified')) !!}
                                    </div>
                                    <div class="col-lg-2">
                                        {!! Form::checkbox('is_verified', 1, (!empty($albumData) &&   $albumData->is_verified == 0 ? 0 : 1), ['class' => 'js-switch-primary']) !!}
                                    </div>
                                </div>
                                <small class="text-danger">{{ $errors->first('is_verified') }}</small>
                            </div> --}}
                            <div class="form-group{{$errors->has('image') ? 'has-error' : ''}}">
                                <label for="image" class="col-lg-12">{{ __('adminWords.album').' '.__('adminWords.image') }}<sup>*</sup></label> 
                                <label for="image" class="btn btn-danger js-labelFile" data-toggle="tooltip" data-original-title="Album Image">
                                <i class="feather icon-upload"></i>
                                    {!! Form::file('image',[
                                        'class' => 'form-control basicImage',
                                        'data-label'=>'albumImage',
                                        'name'=>'image',
                                        'data-ext' => "['jpg','jpeg','png']",
                                        'data-image-id'=>'album_image',
                                        'id'=>'image',
                                        'required' => 'required',
                                        'style' => 'position: absolute; left: 0; top: 0; opacity: 0; width: 1px; height: 1px;'
                                    ]) !!}
                                <span class="js-fileName">{{__('adminWords.choose_image')}}</span>
                                </label>
                                <span class="image_title" id="albumImage">{{(!empty($albumData) && $albumData->image != '' ? $albumData->image : __('adminWords.choose_image') )}}</span>
                                <small class="text-danger">{{ $errors->first('image')}}</small>
                                <p class="note_tooltip">Note: {{ __('adminWords.recommended').' size - 500X500 px' }} </p>
                            </div>
                            
                            {{--<div class="form-group{{$errors->has('is_album_movie') ? 'has-error' : ''}}">
                                <label for="is_album_movie">{{  __('adminWords.album').'/'.__('adminWords.movie') }}<sup>*</sup></label> 
                                <div class="custom-control custom-radio custom-control-inline">
                                    {!! Form::radio('is_album_movie', 1, (!empty($albumData) && $albumData->is_album_movie == 1 || empty($albumData) ? 'checked' : ''), ['class' => 'custom-control-input', 'id'=>'album']) !!}
                                    {!! Form::label('album', null, ['class' => 'custom-control-label']) !!}
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    {!! Form::radio('is_album_movie', 0, (!empty($albumData) && $albumData->is_album_movie == 0 ? 'checked' : (!empty($albumData) ? 'checked' : '')), ['class' => 'custom-control-input', 'id'=>'movie']) !!}
                                    {!! Form::label('movie', null, ['class' => 'custom-control-label']) !!}
                                </div>
                            </div>--}}
                        </div>
                        <div class="col-lg-8">
                            <div class="form-group"> 
                                    <button type="submit" class="btn btn-primary"><i class="feather icon-check-circle"></i> {{!empty($albumData) ? __('adminWords.update') : __('adminWords.add') }}</button>  
                                @if(empty($albumData))
                                    <button type="reset" class="btn btn-danger"><i class="feather icon-x-circle"></i> {{__('adminWords.reset')}}</button>
                                @endif  
                            </div>
                            <div class="clear-both"></div>
                        </div>
                    </div>
                   </form>
                </div>
                 
            </div>
        </div>
    </div>
</div>
@endsection 
@section('script')
    <script src="{{ asset('assets/plugins/datepicker/datepicker.min.js') }}"></script> 
    <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script> 
    <script src="{{ asset('assets/plugins/datepicker/i18n/datepicker.en.js') }}"></script> 
    <script src="{{ asset('assets/plugins/switchery/switchery.min.js') }}"></script> 
    <script src="{{ asset('assets/js/mrcls-custom.js') }}"></script>  
    <script src="{{asset('assets/plugins/summernote/summernote-bs4.min.js')}}"></script>

    <script>
        $(document).ready(function(){
            $('#Dashboard-tab').trigger('click');
            
            // Initialize Select2 with AJAX for song list
            $('#song_list_select').select2({
                ajax: {
                    url: '{{ route("ajax_search_songs") }}',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            search: params.term,
                            page: params.page || 1
                        };
                    },
                    processResults: function (data, params) {
                        params.page = params.page || 1;
                        return {
                            results: data.items,
                            pagination: {
                                more: data.more
                            }
                        };
                    },
                    cache: true
                },
                placeholder: '{{__("adminWords.choose")}}',
                minimumInputLength: 0,
                allowClear: true
            });
        });
    </script>
@endsection