@extends('admin.layouts.full')
@section('title', (isset($carouselSlide) ? 'Modifier' : 'Ajouter').' un slide de carousel')
@section('header')
@include('admin.partials.breadcrumb')
@endsection
@section('content')
<div class="row">
    <div class="col-12">
        <div class="card form-content">
            <div class="card-header">
                <h5>Slide de carousel - {{ isset($carouselSlide) ? 'Modification' : 'Création'}}</h5>
            </div>
            <div class="card-block">
	            @include('admin.partials.errors')
                @if(isset($carouselSlide))
                {{ Form::model($carouselSlide->getFillables(), ['route' => ['carousels-slides.update', $carouselSlide->id], 'method' => 'PUT']) }}
                @else
                {{ Form::open(['route' => ['carousels-slides.store', $carousel->id], 'class' => 'medias-creation']) }}
                @endif
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tab-infos" aria-selected="true">Informations</a>
                        </li>
                        @include('admin.partials.lang-tabs')
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="tab-infos">
                            {{ FormField::info(['label' => 'Carousel', 'info' => $carousel->adminName]) }}
                            {{ FormField::select(['options' => $pages, 'name' => 'page_id', 'label' => 'Page liée', 'errors' => $errors]) }}
                        </div>
                        @foreach($languages as $l)
                        <div class="tab-pane fade" id="tab-{{ $l->short }}">
                            {{ FormField::checkbox(['value' => 1, 'name' => 'published_'.$l->short, 'label' => 'Publié', 'errors' => $errors]) }}
                            {{ FormField::text(['name' => 'title_'.$l->short, 'label' => 'Titre', 'errors' => $errors]) }}
                            {{ FormField::text(['name' => 'sub_title_'.$l->short, 'label' => 'Sous-titre', 'errors' => $errors]) }}
                            {{ FormField::textarea(['name' => 'description_'.$l->short, 'label' => 'Description', 'errors' => $errors]) }}
                            {{ FormField::text(['name' => 'button_'.$l->short, 'label' => 'Label du bouton', 'errors' => $errors]) }}
                            {{ FormField::text(['name' => 'url_'.$l->short, 'label' => 'URL du bouton', 'errors' => $errors, 'class' => 'url-container', 'tooltip' => 'L\'URL est à indiquer si aucune page n\'a été sélectionnée']) }}
                            {{ FormField::select(['options' => targetsList(), 'name' => 'target_'.$l->short, 'label' => 'Ouvrir le lien', 'errors' => $errors]) }}
                        </div>
                        @endforeach
                    </div>
                    {{ FormField::buttons(['index' => $carousel->adminRoute , 'label' => isset($carouselSlide) ? 'Modifier' : 'Enregistrer']) }}
                {{ Form::close() }}
            </div>
        </div>
        <div class="form-content">
            @include('admin.partials.medias-upload-model')
        </div>
    </div>
</div>
@push('scripts')
<script>
    $(document).ready(function(){
        $('select[name="page_id"]').change(function(){
            $urlInputs = $('.url-container input');
            if($(this).val() != ''){
                $urlInputs.attr('disabled', 'disabled').val('');
            } else {
                $urlInputs.removeAttr('disabled');
            }
        }).trigger('change');
    });
</script>
@endpush
@endsection