@csrf
<style>
    .dz-image img{
        object-fit: cover !important;
        height: 100% !important;
        width: 100% !important;
    }
    .dropzone .dz-preview .dz-remove:hover,
    .dropzone .dz-preview .dz-remove:active,
    .dropzone .dz-preview .dz-remove:focus {
        outline: none;
        text-decoration: none;
        color: #797D7F !important; 
    }

</style>
<div class="card-body">
    <div class="row">
        <div class="form-group col-sm-12">
            <label for="image">{{ Lang::get('messages.videos_club.title_table') }}</label>
            @include('photos_club.dropzone')
        </div>
    </div>
    <!--<div class="row">
        <div class="form-group col-sm-12">
            <label for="name">{{ Lang::get('messages.videos_club.link') }} </label>
            <i class="fa fa-question-circle-o text-black" data-toggle="tooltip" data-placement="top" title="{{ __('messages.podcasts_club.help') }}" style="cursor: pointer;"></i>
            <textarea type="text" class="form-control" rows="4" name="link" >{{old('name') }}</textarea>
            
        </div>
    </div>-->
    <input type="hidden" class="form-control" id="id" name="id" required value="{{ $publication->id ?? old('id') }}">
    <div class="row">
        <div class="form-group col-sm-12">
            <label for="name">{{ Lang::get('messages.academy_tournaments.tag1') }} </label>
            <input type="text" class="form-control" maxlength="100" name="name" required value="{{ $publication->name ?? old('name') }}">
        </div>
    </div>
    
    {{--  --}}
    <div class="box collapsed-box">
        <div class="box-header with-border">
            <h3 class="box-title">{{ Lang::get('messages.parameters_club.parameters') }}</h3>

            <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                    <i class="fa fa-plus"></i>
                </button>
            </div>
        </div>
        <div class="box-body">
            {{-- fecha inicio y fin --}}
            <div class="row">
                <div class="col-6 col-md-6">
                    <div class="form-group">
                        <label for="init_date"
                            class="ul-form__label">{{ Lang::get('messages.photos_club.init_date') }}</label>
                        <input type="datetime-local" class="form-control" name="init_date" placeholder=""
                            value="{{ isset($publication) ? str_replace(' ', 'T', $publication->init_date) : old('init_date') }}"
                            required>
                    </div>
                </div>
                <div class="col-6 col-md-6">
                    <div class="form-group">
                        <label for="end_date"
                            class="ul-form__label">{{ Lang::get('messages.photos_club.end_date') }}</label>
                        <input type="datetime-local" class="form-control" name="end_date" placeholder=""
                            value="{{ isset($publication) ? str_replace(' ', 'T', $publication->end_date) : old('end_date') }}"
                            required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-6 col-md-6">
                    <div class="form-group">
                        <label>{{ Lang::get('messages.photos_club.enable_reactions') }}</label>
                        <select class="form-control" name="likes_enabled">
                            <option value="1" {{ isset($publication) && $publication->likes_enabled ? 'selected' : '' }}>{{ Lang::get('messages.yes') }}</option>
                            <option value="0" {{ isset($publication) && !$publication->likes_enabled ? 'selected' : '' }}>{{ Lang::get('messages.no') }}</option>
                        </select>
                    </div>
                </div>
                <div class="col-6 col-md-6">
                    <div class="form-group">

                        <label>{{ Lang::get('messages.photos_club.enable_comments') }}</label>
                        <select class="form-control" name="comments_enabled">
                            <option value="1" {{ isset($publication) && $publication->comments_enabled ? 'selected' : '' }}>{{ Lang::get('messages.yes') }}</option>
                            <option value="0" {{ isset($publication) && !$publication->comments_enabled ? 'selected' : '' }}>{{ Lang::get('messages.no') }}</option>
                        </select>

                    </div>
                </div>
            </div>
            <div class="row">
                {{-- segmentacion --}}
                <div class="col-4 col-sm-12">
                    <div class="form-group">
                        <label for="tags">{{ Lang::get('messages.academy_tournaments.segmentation') }}
                            {{ Lang::get('messages.optional') }}</label>
                        @include('layouts.multiselect')
                    </div>
                </div>
                {{-- description --}}
                <div class="col-4 col-sm-12">
                    <div class="form-group">
                        <label for="description">{{ Lang::get('messages.academy_tournaments.tag9') }} {{ Lang::get('messages.optional') }}</label>
                        <textarea type="text" class="form-control" rows="4" name="description">{{ $publication->description ?? old('description') }}</textarea>
                    </div>
                </div>
            </div>
            @include('notification_push_config.notificationPushConfig')
        </div>
    </div>
    {{--  --}}
</div>
<br>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/crud.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/videos_club.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/min/dropzone.min.js"></script>
<script>
    var initDateInput = document.getElementsByName("init_date")[0];
    var publicationTime = {{ $parameters->publication_time }};


    if (!initDateInput.value) {
        var now = new Date();
        var formattedNow = now.getFullYear() + '-' +
            ('0' + (now.getMonth() + 1)).slice(-2) + '-' +
            ('0' + now.getDate()).slice(-2) + 'T' +
            ('0' + now.getHours()).slice(-2) + ':' +
            ('0' + now.getMinutes()).slice(-2);

        initDateInput.value = formattedNow;
    }

    var endDate = new Date(now.getFullYear(), now.getMonth() + publicationTime, now.getDate(), now.getHours(), now.getMinutes());

    var formattedEndDate = endDate.getFullYear() + '-' +
        ('0' + (endDate.getMonth() + 1)).slice(-2) + '-' +
        ('0' + endDate.getDate()).slice(-2) + 'T' +
        ('0' + endDate.getHours()).slice(-2) + ':' +
        ('0' + endDate.getMinutes()).slice(-2);

    document.getElementsByName("end_date")[0].value = formattedEndDate;
</script>