@extends('templateMaterializeV0-100-2.base3')
@section('title', 'Gerenciar Ocorrências')
@section('content')

    <link href="/css/screen-specific/admin-occurrence/index.css" type="text/css" rel="stylesheet">

    <div class="U_full-widht blue U_position-absolute S_background-filter">

        <div class="U_widht-1024-responsive U_center-item-horizontal U_height-100p valign-wrapper">
            <div class="U_position-absolute U_widht-1024-responsive center" style="top: 55px;">
                <div class="blue lighten-2 U_border-radius-30 U_margin-auto valign-wrapper S_main-filter U_remove">
                    <a class="btn-floating btn-flat btn-large waves-effect waves-light blue lighten-2 left ACTION_OPEN_FILTER">
                        <i class="material-icons">search</i>
                    </a>
                    <div id="FILTER_MORE" class="valign-wrapper U_remove">
                        <input class="browser-default U_margin_left-10 U_margin_right-10 center S_search-input
                        white-text U_font-weight-500 U_no-border-style"
                               placeholder="Busque por palavras-chave, ou use o filtro"
                               style="width: 310px;">

                        <a class="btn-floating btn-flat btn-large waves-effect waves-light blue lighten-2 right
                        ACTION_OPEN_FILTER_ADVANCED"> <i class="material-icons">filter_list</i>
                        </a>
                        <a class="btn-floating btn-flat btn-large waves-effect waves-light blue lighten-2 right ACTION_CLOSE_FILTER">
                            <i class="material-icons">close</i>
                        </a>
                    </div>
                </div>
                <div id="main-load" class="U_remove">
                    @include('telas.admin-occurrence.components-alones.ball-load')
                </div>
                <div class="U_full-widht">
                    <br><br>
                    <div class="left">

                        <div class="valign-wrapper">
                            <i class="material-icons white-text U_margin_right-10">assignment</i>
                            <input class="browser-default">
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="U_widht-1024-responsive U_center-item-horizontal S_main-content-occurrence"
         id="component-occurrence">
    </div>

@endsection
@section('specific-scripts')

    <script> const _token = '{{ csrf_token() }}'</script>

    <script type="text/javascript"
            src="{{ \Tooleks\LaravelAssetVersion\Facades\Asset::get('/js/screen-specific/admin-occurrence/boot.js') }}"></script>
    <script type="text/javascript"
            src="{{ \Tooleks\LaravelAssetVersion\Facades\Asset::get('/js/screen-specific/admin-occurrence/index.js') }}"></script>
    <script type="text/javascript"
            src="{{ \Tooleks\LaravelAssetVersion\Facades\Asset::get('/js/screen-specific/admin-occurrence/filter.js') }}"></script>

@stop