@extends('layouts.app')

@section('content')
<nav class="navbar navbar-expand-lg navbar-bg">
	<div class="navbar-brand">
		<a href="{{route('home')}}" class="text-light">{{setting('app.name')}}</a>
	</div>

	<div class="d-md-none ml-auto mt-2 mt-lg-0">
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-mobile">
			<i class="material-icons text-light">supervisor_account</i>
		</button>
		<button class="navbar-toggler sidebar-mobile-main-toggle" type="button" id="menu-toggle">
			<i class="material-icons text-light">menu</i>
		</button>
	</div>

	<div class="collapse navbar-collapse" id="navbar-mobile">
		<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
			<li class="nav-item dropdown">
				<a href="#" class="navbar-nav-link dropdown-toggle text-light" data-toggle="dropdown">
					{{Auth::user()->email}}
				</a>
				<div class="dropdown-menu dropdown-menu-right">
					<a href="{{route('account.index')}}" class="dropdown-item">
						<i class="material-icons md-22">supervisor_account</i> {{__('Account Settings')}}
					</a>
					<div class="dropdown-divider"></div>
					<a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                        <i class="material-icons">exit_to_app</i> {{ __('Logout') }}
                    </a>

                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                        @csrf
                    </form>
				</div>
			</li>
		</ul>
	</div>
</nav>

<div class="d-flex" id="wrapper">
	<!-- Sidebar -->
	<div class="sidebar border-right" id="sidebar-wrapper">
		<div class="list-group list-group-flush">

			@role('admin')
				<a href="{{route('home')}}" class="list-group-item list-group-item-action"><i class="material-icons">home</i> {{__('Dashboard')}}</a>
			@endrole

			@unlessrole('client')
				@can('reservations_access')
					<a href="{{ route('reservations.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Réservations')}}</a>
					<a href="{{ route('reservations.details.pets') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('reservation details')}}</a>
				@endcan
			@endunlessrole

			@role('client')
				@can('reservations_access')
					<a href="{{ route('reservations.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Mes Réservations')}}</a>
				@endcan
				@can('reservations_access')
					<a href="{{ route('reservations.index', ['history' => 1]) }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Historique')}}</a>
				@endcan
				@can('pets_access')
					<a href="{{ route('pets.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('My Petslover')}}</a>
				@endcan
			@endrole
			
			@role('client')
				@can('medias_access')
					<a href="{{route('medias.index')}}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Ma Gallerie')}}</a>
				@endcan
			@endrole

			@can('articles_access')
				<a href="{{ route('box.planning') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Planning')}}</a>
			@endcan

			@can('articles_access')
				<a href="{{route('articles.index')}}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Articles')}}</a>
			@endcan

			{{-- @can('clients_access')
				<a href="{{ route('clients.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Clients')}}</a>
			@endcan --}}

			@unlessrole('client')
				@can('pets_access')
					<a href="{{ route('pets.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Pets')}}</a>
				@endcan
			@endunlessrole
			
			@can('veterinaires_access')
				<a href="{{ route('veterinaires.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Véterinaires')}}</a>
			@endcan
			
			@can('tarifs_access')
				<a href="{{ route('tarifs.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Tarifs')}}</a>
			@endcan

			@can('boxs_access')
				<a href="{{ route('boxs.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Box')}}</a>
			@endcan

			@can('marques_access')
				<a href="{{ route('marques.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Marques')}}</a>
			@endcan

			@can('races_access')
				<a href="{{ route('races.index') }}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Race')}}</a>
			@endcan

			@can('users_access')
				<a href="{{route('users.index')}}" class="list-group-item list-group-item-action"><i class="material-icons">supervisor_account</i> {{__('Users')}}</a>
			@endcan

			@can('activitylog_access')
				<a href="{{route('activitylog.index')}}" class="list-group-item list-group-item-action"><i class="material-icons">list</i> {{__('Activity Log')}}</a>
			@endcan

			@can('roles_access')
				<a href="{{route('roles.index')}}" class="list-group-item list-group-item-action"><i class="material-icons">perm_data_setting</i> {{__('Roles')}}</a>
			@endcan

			@can('permissions_access')	
				<a href="{{route('permissions.index')}}" class="list-group-item list-group-item-action"><i class="material-icons">lock_open</i> {{__('Permissions')}}</a>
			@endcan

			@role('admin')	
				<a href="{{route('settings.app')}}" class="list-group-item list-group-item-action"><i class="material-icons">settings</i> {{__('Settings')}}</a>
			@endrole
		</div>
	</div>
	<!-- /#sidebar-wrapper -->

	<!-- Page Content -->
	<div id="page-content-wrapper">
		@yield('sub_content')
	</div>
	<!-- /#page-content-wrapper -->
</div>
@endsection