@extends('layouts.app')
@include('layouts.header')
@include('layouts.media_edit')
@section('content')
<main class="media_manager  template_2col">
	<div class="side_menu">
		<mm-side-header sujets='@json($sujets)' current="{{$currentSujet}}"></mm-side-header>
        <mm-folder></mm-folder>
	</div>
	<div class="main_content">
			<header>
                <mm-filters textsearch="{{$textSearch}}" typemedias='@json($typemedias)' etiquettes='@json($etiquettes)'></mm-filters>
				<div class="action_wrapper group">
                    <mm-actions csrf="{{csrf_token()}}" etiquettes='@json($etiquettes)'></mm-actions>
					<div class="display">
                        <i class="fa fa-calendar-check selected"></i>
						<i class="fa fa-th selected"></i>
						<i class="fa fa-th-list"></i>
					</div>
                    <mm-sorter></mm-sorter>
				</div>
			</header>
			<mm-display></mm-display>
		</div>
		<mm-basket></mm-basket>
</main>

@endsection
@section('scripts')
    <!-- TODO : Faire le tri des js ci-dessous -->
	<script src="{{ asset('js/jquery.nestable.min.js') }}" defer></script>
	<script src="{{ asset('js/uploadfile/vendor/jquery.ui.widget.js') }}"></script>
	<script src="{{ asset('js/uploadfile/jquery.iframe-transport.js') }}"></script>
	<script src="{{ asset('js/fabric.js') }}"></script>
	<script src="{{ asset('js/darkroom.js') }}"></script>
	<script src="{{ asset('js/jquery.caret.min.js') }}"></script>
@endsection