@extends('layouts.index')
@section('content')

<main class="main">
	<!-- loder -->
	  <div class="loader-wrapper">
		<div class="loader"></div>
		<div class="loder-section left-section"></div>
		<div class="loder-section right-section"></div>
	</div>

	<!--==================================================-->
	<!-- Start  Polytia Breadcumb Area -->
	<!--==================================================-->
	<div class="breadcumb-area align-items-center d-flex">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="breacumb-content">
						<div class="breadcumb-title">
							<h1>Projet MUGETRANS-CI</h1>
						</div>
						<div class="breadcumb-menu">
							<ul>
								<li><a href="index.html">Accueil <i class="fas fa-angle-right"></i></a></li>
								<li><span>Chauffeur</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End  Polytia Breadcumb Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start charina donate section  -->
	<!--==================================================-->
	<div class="donate-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="section-title text-center">
						<div class="section-sub-title">
							<h4>ENROLLEMENT DES CHAUFFEURS</h4>
						</div>
						<div class="section-main-title">
						</div>
						<p class="section-description" style="text-align: justify">
						</p>
					</div> 
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<div class="donations-single-box">
						<!-- donations thumb -->
						<div class="donations-thumb">
							<img src="{{ asset('assets/images/resource/donations2.png') }}" alt="">
						</div>												
					</div>
		
					<div class="row donate_upper">
						<div class="col-lg-12">
							<script>
								function openPage(pageName,elmnt,color) {
									var i, tabcontent, tablinks;
									tabcontent = document.getElementsByClassName("tabcontent");
									for (i = 0; i < tabcontent.length; i++) {
										tabcontent[i].style.display = "none";
									}
									tablinks = document.getElementsByClassName("tablink");
									for (i = 0; i < tablinks.length; i++) {
										tablinks[i].style.backgroundColor = "";
									}
									document.getElementById(pageName).style.display = "block";
									elmnt.style.backgroundColor = color;
								}
							     document.getElementById("defaultOpen").click();
							</script>
							<div class="col-lg-4">
							</div>
							<div class="col-lg-4">
								 <a href="{{ route('data.index') }}">
									<span>ACCEDER AU FORMULAIRE</span>
								  </a>
							</div>
						</div>
					</div>				
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End charina donate Secton -->
	<!--==================================================-->
</main>

@endsection