<!DOCTYPE html>
<html lang="en">

<head>
    <title>Creche</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="" />
    <meta name="keywords" content="">
    <meta name="author" content="Phoenixcoded" />
    <!-- Favicon icon -->
    <link rel="icon" href="{{asset('assets/images/avatar_homem.png')}}" type="image/x-icon">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">

    <!-- vendor css -->
    <link rel="stylesheet" href="{{asset('assets/css/style.css')}}">


    <!-- DataTables CSS -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap5.min.css">


</head>
<body class="">

	<nav class="pcoded-navbar  ">
		<div class="navbar-wrapper  ">
			<div class="navbar-content scroll-div " >

				<div class="">
					<div class="main-menu-header">
						 <img src="{{ asset('assets/images/avatar_homem.png') }}"
                        alt="avatar"
                        class="img-radius">
						<div class="user-details">
							<span>{{Auth::user()->name}}</span>

						</div>
					</div>

				</div>

				<ul class="nav pcoded-inner-navbar ">
					<li class="nav-item pcoded-menu-caption">
						<label>Navegação</label>
					</li>
					<li class="nav-item">
					    <a href="{{route('home')}}"><span class="pcoded-micon"><i class="feather icon-home"></i></span><span class="pcoded-mtext">Dashboard</span></a>
					</li>
                    <li class="nav-item pcoded-hasmenu">
                        <a class="nav-link "><span class="pcoded-micon"><i class="fa-solid fa-user-tie"></i></span><span class="pcoded-mtext">Director</span></a>
                        <ul class="pcoded-submenu">
                            @can('gerir_director')
                                <li><a href="{{route('redistar.director')}}" >Novo</a></li>
                            @endcan
                            @can('listar_director')
                                <li><a href="{{route('listar.director')}}">Directores</a></li>
                            @endcan
                        </ul>
                    </li>
					<li class="nav-item pcoded-hasmenu">
					    <a href="#!" class="nav-link "><span class="pcoded-micon"><i class="fa-solid fa-user-tie"></i></span><span class="pcoded-mtext">Funcionários</span></a>
					    <ul class="pcoded-submenu">
                            @can('novo_funcionario')
					            <li><a href="{{route('registar_funcionario')}}" >Novo</a></li>
                            @endcan
                            @can('listar_funcionario')
					            <li><a href="{{route('listar.professor')}}" >Professor</a></li>
                            @endcan
                            @can('listar_funcionario')
					            <li><a href="{{route('listar.secretario')}}" >Secretários</a></li>
                            @endcan
                            @can('listar_funcionario')
					            <li><a href="{{route('listar.motorista')}}" >Motoristas</a></li>
                            @endcan
                            @can('listar_funcionario')
					            <li><a href="{{route('listar.funcionario')}}" >Todos Funcionarios</a></li>
                            @endcan
					    </ul>
					</li>


                        <li class="nav-item pcoded-hasmenu">
                            <a href="#!" class="nav-link "><span class="pcoded-micon"><i class="fa-solid fa-child"></i></span><span class="pcoded-mtext">Criancas</span></a>
                            <ul class="pcoded-submenu">
                                @can('cadastrar_crianca')
                                    <li><a href="{{route('nova.crianca')}}" >Inscrição</a></li>
                                @endcan
                                @can('listar_crianca')
                                    <li><a href="{{route('listar.crianca')}}" >Crianças Inscritas</a></li>
                                    <li><a href="{{route('crianca.matricula')}}" >Matriculas</a></li>
                                @endcan

                            </ul>
                        </li>

                    <li class="nav-item pcoded-hasmenu">
					    <a href="#!" class="nav-link "><span class="pcoded-micon"><i class="fa-solid fa-building"></i></span><span class="pcoded-mtext">Salas</span></a>
					    <ul class="pcoded-submenu">
                            @can('resistar_sala')
					            <li><a href="{{route('salas')}}" >Nova</a></li>
                            @endcan
                            @can('listar_sala')
					            <li><a href="{{route('listar.salas')}}" >Salas</a></li>
                            @endcan
					    </ul>
					</li>
                    <li class="nav-item pcoded-hasmenu">
					    <a href="#!" class="nav-link "><span class="pcoded-micon"><i class="fa-solid fa-users"></i></span><span class="pcoded-mtext">Turmas</span></a>
					    <ul class="pcoded-submenu">
                            @can('criar_turma')
					            <li><a href="{{route('turmas')}}" >Nova</a></li>
                            @endcan
                            @can('listar_turma')
					            <li><a href="{{route('listar.turmas')}}" >Turmas</a></li>
                            @endcan
					    </ul>
					</li>

                    <li class="nav-item pcoded-hasmenu">
					    <a href="#!" class="nav-link "><span class="pcoded-micon"><i class="fa-solid fa-car"></i></span><span class="pcoded-mtext">Transportes</span></a>
					    <ul class="pcoded-submenu">
                            @can('registar_transporte')
					            <li><a href="{{route('transporte.novo')}}" >Novo</a></li>
                            @endcan
                            @can('listar_transporte')
					            <li><a href="{{route('transporte.listar')}}">Transportes</a></li>
                            @endcan
					    </ul>
					</li>
                    <li class="nav-item pcoded-hasmenu">
					    <a href="#!"><span class="pcoded-micon"><i class="fa-solid fa-road"></i></span><span class="pcoded-mtext">Rotas</span></a>
					    <ul class="pcoded-submenu">
                            @can('registar_transporte')
					            <li><a href="{{route('rota.novo')}}" >Nova</a></li>
                            @endcan
                            @can('listar_transporte')
					            <li><a href="{{route('rota.listar')}}">Rotas</a></li>
                            @endcan
					    </ul>
					</li>

                    <li class="nav-item pcoded-hasmenu">
					    <a href="#!" class="nav-link "><span class="pcoded-micon"><i class="fa-solid fa-hand-holding-dollar"></i></span><span class="pcoded-mtext">Pagamentos</span></a>
					    <ul class="pcoded-submenu">
                            @can('registar_pagamento')
					            <li><a href="{{route('novo.pagamento')}}" >Novo</a></li>
                            @endcan
                            @can('listar_pagamentos')
					            <li><a href="{{route('lista.pagamento')}}">Pagamentos</a></li>

                                <li><a href="{{route('lista.dividas')}}">Crianças em Dívidas</a></li>
                            @endcan
                        </ul>
					</li>
                    <li >
					    <a href="{{route('ano.letivo')}}" ><span class="pcoded-micon"><i class="fa-solid fa-book"></i></span><span class="pcoded-mtext">Ano Lectivo</span></a>

					</li>

				</ul>

			</div>
		</div>
	</nav>
	<!-- [ navigation menu ] end -->
	<!-- [ Header ] start -->
	<header class="navbar pcoded-header navbar-expand-lg navbar-light header-dark">


				<div class="m-header">
					<a class="mobile-menu" id="mobile-collapse" href="#!"><span></span></a>

						<h4 style="color:white">Creche</h4>

					<a href="#!" class="mob-toggler">
						<i class="feather icon-more-vertical"></i>
					</a>
				</div>
				<div class="collapse navbar-collapse">

					<ul class="navbar-nav ml-auto">

						<li>
							<div class="dropdown drp-user">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="feather icon-user"></i>
								</a>
								<div class="dropdown-menu dropdown-menu-right profile-notification">
									<div class="pro-head">
										<img src="{{ asset('assets/images/avatar_homem.png') }}"
                                            alt="avatar"
                                            class="img-radius">
									 	<span>Administrador</span>
										<a href="{{route('logout')}}" class="dud-logout" title="Logout">
											<i class="feather icon-log-out"></i>
										</a>
									</div>
									<ul class="pro-body">
                                        <!--
										<li><a href="user-profile.html" class="dropdown-item"><i class="feather icon-user"></i> Perfil</a></li>
                                        <li><a href="user-profile.html" class="dropdown-item"><i class="fas fa-cogs"></i> Configurações</a></li>
                                        -->  <li><a href="{{route('logout')}}" class="dropdown-item"><i class="feather icon-log-out "></i> Sair</a></li>
                                    </ul>
								</div>
							</div>
						</li>
					</ul>
				</div>


	</header>
	<!-- [ Header ] end -->



        <!-- [ Main Content ] start -->
        <div class="pcoded-main-container">


            @yield('conteudo')


        </div>



 <!-- Required Js -->
 <script src="{{asset('assets/js/vendor-all.min.js')}}"></script>
 <script src="{{asset('assets/js/plugins/bootstrap.min.js')}}"></script>

 <script src="{{asset('assets/js/pcoded.min.js')}}"></script>

<script src="{{asset('assets/js/plugins/apexcharts.min.js')}}"></script>

<script src="{{asset('assets/js/pages/dashboard-main.js')}}"></script>

<!-- jQuery (necessário para DataTables) -->
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<!-- DataTables JS -->
<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>
<!-- DataTables Bootstrap Integration -->
<script src="https://cdn.datatables.net/1.13.5/js/dataTables.bootstrap5.min.js"></script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>

<script>
    $(document).ready(function() {
        $('.table').DataTable({
            // Configurações adicionais (opcional)
            responsive: true, // Tabela responsiva
            language: {
                url: "https://cdn.datatables.net/plug-ins/1.13.5/i18n/pt-BR.json" // Tradução para PT-BR
            }
        });
    });
</script>


</body>

</html>
