{# templates/home/index.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Dashboard
{% endblock %}

{% block body %}

<div class="container-fluid box-no-bkg-color">
	<nav aria-label="breadcrumb" class="hide-on-mobile">
		<ol class="breadcrumb">
			<li aria-current="page" class="page-directory breadcrumb-item active">Dashboard</li>
		</ol>
	</nav>
    <div class="box">
        <div class="box-body px-4 py-4">
            <div class="react-component pb-5"></div>
            <script>
                window.props = {
                    data: {{data|json_encode|raw}},
                    data_avoided: {{data_avoided|json_encode|raw}},
					users: {{users|json_encode|raw}},
					clients: {{clients|json_encode|raw}},
					departments: {{departments|json_encode|raw}},
					isAdmin: {{isAdmin ? 'true' : 'false'}},
					isMaster: {{isMaster ? 'true' : 'false'}},
					isManager: {{isManager ? 'true' : 'false'}},
					isCoordinator: {{isCoordinator ? 'true' : 'false'}}
                }
            </script>
            {{encore_entry_script_tags('dashboard')}}
        </div>
    </div>
</div>

{% endblock %}