@extends('admin.layouts.full')
@section('title', 'Modifier un média')
@section('header')
@include('admin.partials.breadcrumb')
@endsection
@section('content')
{{ Form::model($mediaArray, ['route' => ['medias.update', $media->id], 'method' => 'PUT', 'enctype' => 'multipart/form-data']) }}
<div class="row">
    <div class="col-12">
	    @include('admin.partials.errors')
    </div>
    <div class="col-md-6">
	    <div class="card">
			<div class="card-header">
				<h5>Fichier{{ count($languages) > 1 ? '(s)' : null }}</h5>
			</div>
			<div class="card-block">
				@if(count($languages) > 1)
			    <div class="show-lang d-none">
			        <ul class="nav nav-tabs">
                        @include('admin.partials.lang-tabs')
                    </ul>
                    <div class="tab-content pb-0">
                	    @foreach($languages as $key => $l)
                        <div class="tab-pane fade" id="tab-{{ $l->short }}">
	                       @include('admin.medias.file-table', ['media' => $media, 'file' => $media->file($l->id), 'langId' => $l->id, 'langShort' => $l->short])
                        </div>
                        @endforeach
                    </div>
			    </div>
			    <div class="hide-lang d-none">
				    @include('admin.medias.file-table', ['media' => $media, 'file' => $media->file(null, true), 'langId' => null, 'langShort' => null])
			    </div>
			    {{ FormField::checkbox(['name' => 'lang', 'class' => 'mt-4', 'label' => 'Un fichier par langue', 'errors' => $errors, 'tooltip' => 'Cette option permet d\'avoir une version différente de fichiers pour un même média en fonction de la langue', 'col1' => 6, 'col2' => 6]) }}
                @else
                @include('admin.medias.file-table', ['media' => $media, 'file' => $media->file(null, true), 'langId' => null, 'langShort' => null])
                @endif
                @if($media->isPicture())
                {{ FormField::select(['name' => 'signature', 'options' => [null => 'Aucune', 'white' => 'Blanche', 'black' => 'Noire'],'class' => 'mt-4', 'label' => 'Signature', 'errors' => $errors, 'tooltip' => 'Cette option permet d\'afficher la signature Rosengart en bas à droite de l\'image', 'col1' => 6, 'col2' => 6]) }}
                @endif
			</div>
		</div>
    </div>
    <div class="col-md-6">
	    <div class="card">
			<div class="card-header">
				<h5>Informations</h5>
			</div>
			<div class="card-block">
                <ul class="nav nav-tabs">
                    @include('admin.partials.lang-tabs', ['specificId' => 'media'])
                </ul>
                <div class="tab-content pb-0">
                	@foreach($languages as $key => $l)
                    <div class="tab-pane fade" id="tab-{{ $l->short }}-media">
                        {{ FormField::text(['name' => 'name_'.$l->short, 'label' => 'Nom *', 'errors' => $errors, 'tooltip' => 'Ne pas mettre l\'extension dans le nom du fichier. Le nom sera automatiquement traité pour s\'afficher correctement dans l\'URL.']) }}
                        {{ FormField::text(['name' => 'alt_'.$l->short, 'label' => 'Attribut "alt"', 'errors' => $errors, 'tooltip' => 'Cet attribut ne sera utilisé que pour les images']) }}
                        {{ FormField::text(['name' => 'title_'.$l->short, 'label' => 'Attribut "title"', 'errors' => $errors]) }}
                        {{ FormField::textarea(['name' => 'description_'.$l->short, 'label' => 'Description', 'errors' => $errors]) }}
                    </div>
                    @endforeach
                </div>
			</div>
		</div>
    </div>
    <div class="col-12 text-center">
	    @include('admin.partials.actions-buttons', ['index' => route('medias.index'), 'labelName' => 'Mettre à jour'])
    </div>
</div>
{{ Form::close() }}
@endsection
@push('scripts')
<script>
	$(document).ready(function(){
		$('input[name="lang"]').change(function(){
			if($(this).is(':checked')){
				$('.show-lang').removeClass('d-none');
				$('.hide-lang').addClass('d-none');
			} else {
				$('.show-lang').addClass('d-none');
				$('.hide-lang').removeClass('d-none');
			}
		}).trigger('change');
	});
</script>
@endpush