@extends('layouts.back')

@push('header_imports')
    <!-- DataTables -->
    <link href="{{asset('plugins/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('plugins/datatables/buttons.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('plugins/datatables/responsive.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
@endpush

@section('content')

    <div class="row">
        <div class="col-sm-6 offset-sm-6">
            <form action=@yield('rota-filtro-data') method="get">
                @component('components.outros.filtro-data', compact('start', 'end'))
                @endcomponent
            </form>
        </div>
        <div class="col-sm-12 mt-3">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">@yield('titulo-rel')</h4>
                </div>
                <div class="card-body">
                    @yield('tabela')
                </div>
            </div>
        </div>
    </div>
@endsection

@push('footer_imports_end')
    <!-- Required datatable js -->
    <script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('plugins/datatables/dataTables.bootstrap4.min.js')}}"></script>
    <!-- Buttons examples -->
    <script src="{{asset('plugins/datatables/dataTables.buttons.min.js')}}"></script>

    <script src="{{asset('plugins/datatables/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('plugins/datatables/responsive.bootstrap4.min.js')}}"></script>

    <!-- Datatable init js -->
    <script src="{{asset('adm/assets/pages/datatables.init.js')}}"></script>
@endpush