@extends('admin.layouts.full')
@section('title', 'Traductions')
@section('header')
@include('admin.partials.breadcrumb')
@endsection
@section('content')
<div class="mb-3">
    <a href="{{ route('translations.create') }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i>Ajouter</a>
    <a href="{{ route('translations.export') }}" class="btn btn-secondary"><i class="fa fa-upload"></i>Export</a>
    {{ Form::open(['route' => 'translations.import', 'class' => 'translations-import d-inline-block', 'files' => true]) }}
        {{ Form::file('file', ['class' => 'translations-import-file d-none']) }}
        <a href="#" class="btn btn-secondary select-translations-import-file" data-toggle="tooltip" title="L'import doit se faire à partir du fichier xlsx généré automatiquement depuis l'export"><i class="fa fa-download"></i>Import</a>
    {{ Form::close() }}
    {{ Form::select('lang', $languages, session()->get('translations_lang'), ['class' => 'form-control header-select']) }}
    {{ Form::select('missing_translations', [0 => 'Toutes les traductions', 1 => 'Traductions manquantes'], session()->get('translations_missing'), ['class' => 'form-control header-select']) }}
</div>
@include('admin.partials.errors')
@if($translations)
<div class="card">
    <div class="card-block">
        <div class="table-responsive">
            <table id="translations" class="display table table-striped nowrap">
                <thead>
                <tr>
                    <th class="text-center">ID</th>
                    <th>Slug</th>
                    <th>Traduction</th>
                    <th>Traduction terminée</th>
                    <th>Dates</th>
                    <th></th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>
@else
<p>Aucune traduction pour le moment</p>
@endif
@endsection
@push('scripts')
<script>
    $(document).ready(function() {
        @include('admin.partials.js-datatable', [
            'selector' => 'translations',
            'notOrderable' => [3,4,5],
            'centered' => [0,3,4],
            'length' => 10,
            'ajax' => route('translations.listing'),
            'datas' => [
                'lang' => "$('select[name=\"lang\"]').val()",
                'missingTranslations' => "$('select[name=\"missing_translations\"]').val()"
            ]
        ])
        $('select[name="lang"], select[name="missing_translations"]').change(function(){
            translationsDatatable.ajax.reload();
        }).trigger('change');
        $('.select-translations-import-file').click(function(e){
            e.preventDefault();
            $('.translations-import-file').trigger('click')
        });
        $('.translations-import-file').change(function(){
            $('.translations-import').submit();
        });
    });
</script>
@endpush