@extends('layouts.master')
    
@section('title', 'Email')
    
@section('style')
	<style>
		.font_topic{
			font-weight: bold;
			color: blue
		}
	</style>
@endsection
    
@section('script')

@endsection
    
@section('content')
    
	@include('layouts.header')
	@include('layouts.header-sub')



<section class="wrapper bg-light">
	<div class="container py-14 py-md-16">
		<div class="row gx-lg-8 gx-xl-12">

			<div class="col-md-8 col-lg-7 col-xl-6 col-xxl-5">
				<h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
				<p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
			</div>
        
			<div class="col-lg-12">
				<div class="blog single">
					<div class="card">
						<!-- <figure class="card-img-top"><img src="{{ asset('/sandbox/img/photos/b1.jpg') }}" /></figure> -->
						<div class="card-body">
                        	
							<div class="row">
								<div class="col-md-3 font_topic">Email Name :</div>
								<div class="col-md-9">{{ $email->email_name }}</div>
							</div>

							<div class="row">
								<div class="col-md-3 font_topic">Email Subject :</div>
								<div class="col-md-9">{{ $email->email_subject }}</div>
							</div>
							
							<br>
							
							<div class="row">
								<div style="width: 100%; height: 50px; background-color: purple"></div>
								<div style="width: 100%; background-color: #f5f5f5" align="center">
									<img src="{{ asset('/siitlogo.png') }}" alt="Logo" title="Logo" style="margin-top: 10px; margin-bottom: 10px" width="10%">
								</div>

								<div style="margin: 30px 0px 30px 0px; font-size: 16px; padding: 30px; font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'">
									
									{{ $email->email_detail }}
									
									<div style="margin-top: 50px">
										Best regards, <br>
										Central Coordinating Division (CCO)
									</div>
								</div>

								<div style="width: 100%; background-color: purple; font-size: 14px; font-weight: bold; color: #fff; font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'" align="center">
									<div style="padding: 30px">
										SIIT Online Leave Management System <br>
										Sirindhorn International Institute of Technology (SIIT) <br>
										Thammasat University - Rangsit Center 99 Moo 18, Phahonyothin Rd., Tamboon Klong Nueng, Amphur Klong Luang, Pathumthani 12120 Thailand
									</div>
								</div>	
							</div>
							
							<br>
							
							<div class="col-12 text-center">
								<a class="btn btn-sm btn-violet rounded-pill me-2" href="{{ url('/emaillist') }}">
                                    <i class="uil uil-back"></i> Back
                                </a>
							</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>


@include('layouts.footer')
    
@endsection