@extends('admin.layouts.full')
@section('title', 'Pages et catégories')
@section('header')
@include('admin.partials.breadcrumb')
@endsection
@section('content')
<p>
	<a href="{{ route('pages.create') }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i>Ajouter</a>
	@if($pages)
	{{ Form::select('page_category_id', $categories, session()->get('page_category_id'), ['class' => 'form-control header-select']) }}
	@endif
</p>
@if($pages)
<div class="card">
	<div class="card-block">
		<div class="table-responsive">
            <table id="pages" class="display table table-striped nowrap">
                <thead>
                    <tr>
                        <th class="text-center">ID</th>
                        <th>Nom</th>
                        <th>Type de page</th>
                        <th>Catégorie(s)</th>
                        <th class="text-center">Dates</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
	</div>
</div>
@push('scripts')
<script>
	$(document).ready(function() {
        @include('admin.partials.js-datatable', [
	        'selector' => 'pages',
	        'notOrderable' => [3,4,5],
	        'centered' => [0],
	        'length' => 10,
	        'ajax' => route('pages.listing'),
	        'datas' => ['page_category_id' => "$('select[name=\"page_category_id\"]').val()"]
        ])
        $('select[name="page_category_id"]').change(function(){
            pagesDatatable.ajax.reload();
        }).trigger('change');
    });
</script>
@endpush
@else
<p>Aucune page/catégorie pour le moment</p>
@endif
@endsection