@section('title', 'Mailinstellingen')

@section('extrastyles')
<style>
	table {
		box-shadow: 0;
		--tw-shadow: 0;
    	--tw-shadow-colored: 0;
    	box-shadow: unset;
		width: 100%;
	}
	
	tbody tr {
		background-color: unset;
		border-top-width: 0;
   		border-bottom-width: 0;
	}
	
	tbody td {
		border-top-width: 0;
		padding: 0;
	}
	
	tbody td p {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	tbody tr>:not([hidden])~:not([hidden]){
		border-top-width: 0;
		padding: 0;
	}
	
	.mailcontainer {
		max-width: 650px;
	}

</style>
@endsection

<div>

    <div class="card">

        <h3 class="mb-4">Mails</h3>

        @include('errors.messages')
		
		@php
		$data = $test;
		@endphp
			
		<x-tab name="aanwezigheidslijst">
				
			<x-tabs.header>
				<x-tabs.link name="aanwezigheidslijst" ::class="{ 'activetab': tab === 'aanwezigheidslijst' }" >Opleiding: aanwezigheidslijst</x-tabs.link>
				<x-tabs.link name="diplomacompany" ::class="{ 'activetab': tab === 'diplomacompany' }" >Diploma: bedrijf</x-tabs.link>
				<x-tabs.link name="diplomastudent" ::class="{ 'activetab': tab === 'diplomastudent' }" >Diploma: student</x-tabs.link>
				<x-tabs.link name="offertecompany" ::class="{ 'activetab': tab === 'offertecompany' }" >Offerte versturen</x-tabs.link>
				<x-tabs.link name="signedself" ::class="{ 'activetab': tab === 'signedself' }" >Offerte getekend</x-tabs.link>
				<x-tabs.link name="signedcompany" ::class="{ 'activetab': tab === 'signedcompany' }" >Offerte: bevestiging bedrijf</x-tabs.link>
			</x-tabs.header>	
				
			<x-tabs.div name="aanwezigheidslijst">
				
				<div class="grid grid-cols-1 lg:grid-cols-4 lg:gap-6">
					<div class="card">
						<h3>Aanwezigheidslijst versturen naar bedrijf</h3>
						<p>Deze mail wordt verzonden als je er zelf voor kiest om een aanwezigheidslijst door te mailen naar de contactpersoon van een bedrijf. Dit kan zowel van een individueel opleidingsdeel zijn, als van een opleiding in totaliteit. Deze e-mail bevat een pdf-bestand.</p>
					</div>
				
					<div class="lg:col-span-3">	
						
						<div class="card mailcontainer">
							@include('mail.diplomas.aanwezigheidslijst')				
						</div>
					</div>	
				</div>
			</x-tabs.div>
			
			<x-tabs.div name="diplomacompany">
				
				<div class="grid grid-cols-1 lg:grid-cols-4 lg:gap-6">
					<div class="card">
						<h3>Reeks diploma's verzenden naar bedrijf</h3>
						<p>Deze mail wordt verzonden als je er zelf voor kiest om alle nog niet verzonden diploma's door te mailen naar de contactpersoon van een bedrijf. Deze e-mail bevat een pdf-bestand met alle diploma's gebundeld.</p>
						
						<h4>Evaluatie</h4>
						<p>Voor deze mail kan een evaluatie ingesteld worden. Deze is momenteel @if(config('mail_eval_com') != NULL) actief @else niet actief @endif</p>

						
						
						
					</div>
				
					<div class="lg:col-span-3">	
				
						<div class="card mailcontainer">
							@include('mail.diplomas.company')				
						</div>
					</div>	
				</div>
				
			</x-tabs.div>	
			
			<x-tabs.div name="diplomastudent">
				
				<div class="grid grid-cols-1 lg:grid-cols-4 lg:gap-6">
					<div class="card">
						<h3>Diploma verzenden naar student</h3>
						<p>Deze mail wordt verzonden als je er zelf voor kiest om diploma's door te mailen naar de student in kwestie. Dat kan individueel per student, of ineens naar elke student die het diploma nog niet ontvangen heeft. Deze e-mail bevat een pdf-bestand met het behaalde diploma.</p>
						
						<h4>Evaluatie</h4>
						<p>Voor deze mail kan een evaluatie ingesteld worden. Deze is momenteel @if(config('mail_eval_single') != NULL) actief @else niet actief @endif</p>
						

						
						
					</div>
				
					<div class="lg:col-span-3">	
				
						<div class="card mailcontainer">
							@include('mail.diplomas.student')				
						</div>
					</div>
				</div>
				
			</x-tabs.div>	
			
			<x-tabs.div name="offertecompany">
				<div class="grid grid-cols-1 lg:grid-cols-4 lg:gap-6">
					<div class="card">
						<h3>Offerte verzenden naar bedrijf</h3>
						<p>Deze mail wordt verzonden als je er zelf voor kiest om de offerte te verzenden naar de contactpersoon van een bedrijf. Deze e-mail bevat een pdf-bestand met de offerte, en een knop naar de online versie van de offerte.</p>
					</div>
				
					<div class="lg:col-span-3">	
				
						<div class="card mailcontainer">
							@include('mail.offertes.company')				
						</div>
					</div>
				</div>	
				
			</x-tabs.div>	
			
			<x-tabs.div name="signedself">
				
				<div class="grid grid-cols-1 lg:grid-cols-4 lg:gap-6">
					<div class="card">
						<h3>Bevestiging getekende offerte</h3>
						<p>Deze mail wordt automatisch verzonden naar jou, zodra een offerte ondertekend wordt door de klant. Deze e-mail bevat een pdf-bestand met de ondertekende offerte.</p>
					</div>
				
					<div class="lg:col-span-3">	
				
						<div class="card mailcontainer">
							@include('mail.offertes.signedself')				
						</div>
					</div>
				</div>
			</x-tabs.div>	
			
			<x-tabs.div name="signedcompany">
				
				<div class="grid grid-cols-1 lg:grid-cols-4 lg:gap-6">
					<div class="card">
						<h3>Bevestiging getekende offerte versturen naar bedrijf</h3>
						<p>Deze mail wordt automatisch verzonden naar de klant, zodra die klant de offerte ondertekent. Deze e-mail bevat een pdf-bestand met de ondertekende offerte.</p>
					</div>
				
					<div class="lg:col-span-3">	
				
						<div class="card mailcontainer">
							@include('mail.offertes.signedcompany')				
						</div>
					</div>	
				</div>
			</x-tabs.div>	


		</x-tab>	
			
			



    </div>
	
	
	
	
	
</div>