@if (request()->has('filename'))
    <input type="hidden" name="filename" value="{{ request()->get('filename') }}">
@endif<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title"></h3>
    </div>
    <input type="hidden" name="section_position" id="section_position" value="{{ $section_position }}">
    <input type="hidden" name="region_1_position" id="region_1_position" value="{{ $region_1_position }}">
    <input type="hidden" name="region_2_position" id="region_2_position" value="{{ $region_2_position }}">
    <div class="box-body">
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="title">Titolo:</label>
                    <span id="chars">{{ isset($news) ? 100 - strlen($news->title) : 100 }} caratteri rimanenti</span>
                    <input type="text" name="title" id="title" class="form-control title" maxlength="100"
                        value="{{ old('title', $news->title ?? '') }}">
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="title_region_1">Titolo regione 1:</label>
                    <span id="chars_region_1">{{ isset($news) ? 100 - strlen($news->title_region_1) : 100 }} caratteri
                        rimanenti</span>
                    <input type="text" name="title_region_1" id="title_region_1" class="form-control title_region_1"
                        maxlength="100" value="{{ old('title_region_1', $news->title_region_1 ?? '') }}">
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="title_region_2">Titolo regione 2:</label>
                    <span id="chars_region_2">{{ isset($news) ? 100 - strlen($news->title_region_2) : 100 }} caratteri
                        rimanenti</span>
                    <input type="text" name="title_region_2" id="title_region_2" class="form-control title_region_2"
                        maxlength="100" value="{{ old('title_region_2', $news->title_region_2 ?? '') }}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="homepage_position">Posizione primo piano:</label>
                    <select name="homepage_position" id="homepage_position" class="form-control">
                        <option value=""></option>
                        <option value="slide1" {{ old('homepage_position', $news->homepage_position ?? '') == 'slide1' ? 'selected' : '' }}>Apertura</option>
                        <option value="left1" {{ old('homepage_position', $news->homepage_position ?? '') == 'left1' ? 'selected' : '' }}>Slide Sinistra 1</option>
                        <option value="left2" {{ old('homepage_position', $news->homepage_position ?? '') == 'left2' ? 'selected' : '' }}>Slide Sinistra 2</option>
                        <option value="left3" {{ old('homepage_position', $news->homepage_position ?? '') == 'left3' ? 'selected' : '' }}>Slide Sinistra 3</option>
                        <option value="right1" {{ old('homepage_position', $news->homepage_position ?? '') == 'right1' ? 'selected' : '' }}>Slide Destra 1</option>
                        <option value="right2" {{ old('homepage_position', $news->homepage_position ?? '') == 'right2' ? 'selected' : '' }}>Slide Destra 2</option>
                        <option value="right3" {{ old('homepage_position', $news->homepage_position ?? '') == 'right3' ? 'selected' : '' }}>Slide Destra 3</option>
                    </select>
                </div>
            </div>
            <div class="col-md-8">
                <div class="form-group">
                    <label for="aaa">News attualmente in primo piano:</label><br>
                    <ul>
                        {!! @$first !!}
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="section_id">Sezione:</label>
                    <select name="section_id" id="section_id" class="form-control section_id_change">
                        <option value=""></option>
                        @foreach($sections as $key => $value)
                            <option value="{{ $key }}" {{ old('section_id', $news->section_id ?? '') == $key ? 'selected' : '' }}>{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="region_1_id">Regione 1:</label>
                    <select name="region_1_id" id="region_1_id" class="form-control region_1_id_change">
                        <option value=""></option>
                        @foreach($regions as $key => $value)
                            <option value="{{ $key }}" {{ old('region_1_id', $news->region_1_id ?? '') == $key ? 'selected' : '' }}>{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="region_2_id">Regione 2:</label>
                    <select name="region_2_id" id="region_2_id" class="form-control region_2_id_change">
                        <option value=""></option>
                        @foreach($regions as $key => $value)
                            <option value="{{ $key }}" {{ old('region_2_id', $news->region_2_id ?? '') == $key ? 'selected' : '' }}>{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            @if(isset($news))
                @if(($news->section_id > 0 && $news->section_position != '') || (!$news->online && $news->section_id > 0))
                    <div class="col-md-4" id="layout_section"
                        style="display:{{ (isset($news) && $news->section_position != '') || !isset($news) ? 'block' : 'none' }}">
                    </div>
                @else
                    <div class="col-md-4">
                        {!! isset($news->section) ? $news->section->position($news->id) : '' !!}
                    </div>
                @endif
            @else
                <div class="col-md-4" id="layout_section"
                    style="display:{{ (isset($news) && $news->section_position != '') || !isset($news) ? 'block' : 'none' }}">
                </div>
            @endif
            @if(isset($news))
                @if(($news->region_1_id > 0 && $news->region_1_position != '') || (!$news->online && $news->region_1_id > 0))
                    <div class="col-md-4" id="layout_region_1"
                        style="display:{{ (isset($news) && $news->region_1_position != '') || !isset($news) ? 'block' : 'none' }}">
                    </div>
                @else
                    <div class="col-md-4">
                        {!! isset($news->region_1) ? $news->region_1->position($news->id) : '' !!}
                    </div>
                @endif
            @else
                <div class="col-md-4" id="layout_region_1"
                    style="display:{{ (isset($news) && $news->region_1_position != '') || !isset($news) ? 'block' : 'none' }}">
                </div>
            @endif
            @if(isset($news))
                @if(($news->region_2_id > 0 && $news->region_2_position != '') || (!$news->online && $news->region_2_id > 0))
                    <div class="col-md-4" id="layout_region_2"
                        style="display:{{ (isset($news) && $news->region_2_position != '') || !isset($news) ? 'block' : 'none' }}">
                    </div>
                @else
                    <div class="col-md-4">
                        {!! isset($news->region_2) ? $news->region_2->position($news->id) : '' !!}
                    </div>
                @endif
            @else
                <div class="col-md-4" id="layout_region_2"
                    style="display:{{ (isset($news) && $news->region_2_position != '') || !isset($news) ? 'block' : 'none' }}">
                </div>
            @endif
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="event_id">Evento:</label>
                    <select name="event_id" id="event_id" class="form-control">
                        <option value=""></option>
                        @foreach($events as $key => $value)
                            <option value="{{ $key }}" {{ old('event_id', $news->event_id ?? '') == $key ? 'selected' : '' }}>
                                {{ $value }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="page_id">Pagina WEB:</label>
                    <select name="page_id" id="page_id" class="form-control">
                        <option value=""></option>
                        @foreach($pages as $key => $value)
                            <option value="{{ $key }}" {{ old('page_id', $news->page_id ?? '') == $key ? 'selected' : '' }}>
                                {{ $value }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="text_short">Testo breve:</label>
                    <input type="text" name="text_short" id="text_short" class="form-control" maxlength="100"
                        value="{{ old('text_short', $news->text_short ?? '') }}">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="date">Data:</label>
                    <input type="text" name="date" id="date" class="form-control"
                        value="{{ old('date', isset($news) ? $news->date : date('d/m/Y H:i')) }}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label for="text">Testo:</label>
                    <textarea name="text" id="text" rows="30" cols="100"
                        class="form-control js-editor">{{ old('text', $news->text ?? '') }}</textarea>
                </div>
            </div>
        </div>
        @if(isset($news))
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="image">Immagine principale:</label><br>
                        <button type="submit" class="btn btn-success" name="crop" value="1">Sostituisci immagine</button>
                        @if(false)
                            <div class="custom-file-upload">
                                <input type="file" name="image" id="image" class="form-control">
                            </div>
                        @endif
                        @if (isset($news) && $news->image != '')
                            <br><img src="/files/news/{{ $news->image }}" style="max-width:250px" />
                        @endif
                        @if (isset($_GET["filename"]))
                            <br><img src="/files/news/{{ $_GET["filename"] }}" style="max-width:250px" />
                            <input type="hidden" name="filename" value="{{ $_GET["filename"] }}">
                        @endif
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="image1">Immagine 1:</label><br>
                        <div class="custom-file-upload">
                            <input type="file" name="image1" id="image1" class="form-control">
                        </div>
                        @if (isset($news) && $news->image1 != '')
                            <br><img src="/files/news/{{ $news->image1 }}" style="max-width:150px" />
                        @endif
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="image2">Immagine 2:</label><br>
                        <div class="custom-file-upload">
                            <input type="file" name="image2" id="image2" class="form-control">
                        </div>
                        @if (isset($news) && $news->image2 != '')
                            <br><img src="/files/news/{{ $news->image2 }}" style="max-width:150px" />
                        @endif
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="image3">Immagine 3:</label><br>
                        <div class="custom-file-upload">
                            <input type="file" name="image3" id="image3" class="form-control">
                        </div>
                        @if (isset($news) && $news->image3 != '')
                            <br><img src="/files/news/{{ $news->image3 }}" style="max-width:150px" />
                        @endif
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="image4">Immagine 4:</label><br>
                        <div class="custom-file-upload">
                            <input type="file" name="image4" id="image4" class="form-control">
                        </div>
                        @if (isset($news) && $news->image4 != '')
                            <br><img src="/files/news/{{ $news->image4 }}" style="max-width:150px" />
                        @endif
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="image5">Immagine 5:</label><br>
                        <div class="custom-file-upload">
                            <input type="file" name="image5" id="image5" class="form-control">
                        </div>
                        @if (isset($news) && $news->image5 != '')
                            <br><img src="/files/news/{{ $news->image5 }}" style="max-width:150px" />
                        @endif
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="pdf">PDF:</label><br>
                        <div class="custom-file-upload">
                            <input type="file" name="pdf" id="pdf" class="form-control">
                        </div>
                        @if (isset($news) && $news->pdf != '')
                            <br><a href="/files/news/{{ $news->pdf }}" target="_blank">{{ $news->pdf }}</a>
                            <br><input type="checkbox" name="remove_pdf" value="1"> Rimuovi PDF
                        @endif
                    </div>
                </div>
            </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label for="no_social">Selezionando questo flag la news NON viene pubblicata su Facebook/Twitter ma
                        solamente sul sito:</label><br>
                    <input type="checkbox" name="no_social" id="no_social" value="on" {{ old('no_social', $news->no_social ?? '') == 'on' ? 'checked' : '' }}>
                </div>
            </div>
        </div>
    </div>
    <div class="box-footer">
        @if(isset($news) && $news->user_id > 0 && $news->user_id != Auth::user()->id)
            <span style="color:red; font-weight:bold">ATTENZIONE : l'utente {{ $news->user->name }} sta modificando questa
                news</span><br><br>
        @endif
        <button type="submit" class="btn btn-success saved" name="save" value="1">{{ $submit_text }}</button>
        <button type="submit" class="btn btn-success saved" name="save_exit" value="1">Salva ed esci</button>
        @if(isset($news))
            @if(!$news->online)
                <button type="submit" class="btn btn-success saved" name="publish" value="1">Pubblica</button>
            @else
                <button type="submit" class="btn btn-success saved" name="unpublish" value="1">Torna bozza</button>
            @endif
        @else
            <button type="submit" class="btn btn-success saved" name="publish" value="1">Pubblica</button>
        @endif
        <a href="{{ route('news.index') }}" class="btn btn-info">Annulla</a>
    </div>
</div>

@section('extra_js')
    <script>
        $(document).ready(function () {
            $('.js-editor').summernote({
                height: 400,
                lang: 'it-IT',
                toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'italic', 'underline', 'clear']],
                    ['fontname', ['fontname']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']],
                    ['table', ['table']],
                    ['insert', ['link', 'picture', 'video']],
                    ['view', ['fullscreen', 'codeview', 'help']]
                ],
                callbacks: {
                    onImageUpload: function (files) {
                        console.log('Image upload:', files);
                    }
                }
            });

            $('#title').on('input', function () {
                var remaining = 100 - $(this).val().length;
                $('#chars').text(remaining + ' caratteri rimanenti');
            });

            $('#title_region_1').on('input', function () {
                var remaining = 100 - $(this).val().length;
                $('#chars_region_1').text(remaining + ' caratteri rimanenti');
            });

            $('#title_region_2').on('input', function () {
                var remaining = 100 - $(this).val().length;
                $('#chars_region_2').text(remaining + ' caratteri rimanenti');
            });
        });
    </script>
@endsection