@extends('layouts.backend')

@section('css_before')
<link rel="stylesheet" href="{{asset('/js/plugins/dropzonejs/dist/dropzone.css')}}">
@endsection

@section('js_after')
<script src="{{ asset('/js/plugins/pwstrength-bootstrap/pwstrength-bootstrap.min.js')}}"></script>
<script src="{{ asset('/js/plugins/jquery-auto-complete/jquery.auto-complete.min.js')}}"></script>
<script src="{{asset('/js/plugins/bootstrap-wizard/jquery.bootstrap.wizard.js')}}"></script>
<script src="{{asset('/js/plugins/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{asset('/js/plugins/jquery-validation/additional-methods.js')}}"></script>
<script src="{{asset('/js/plugins/dropzonejs/dropzone.min.js')}}"></script>
<script src="{{ asset('/js/pages/be_forms_plugins.min.js') }}"></script>
<script src="{{ asset('/js/pages/be_forms_wizard.min.js') }}"></script>
@endsection

@section('content')
<!-- Page Content -->
<div class="content" id="list-product-page">
   <div class="row justify-content-center">
     <div class="col-md-12">
         <composition-list-container></composition-list-container>
    </div>
</div>

@endsection