@extends('Templates.master')

{{-- Commonlinks --}}
@push('css-plugins')
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<!-- Custom CSS -->
	<link rel="stylesheet" href="{{ asset('assets/libs/select2/dist/css/select2.min.css') }}">
    @include('Templates.UI.Admin.CDN.links')
@endpush

{{-- Navbar --}}

@section('nav')
	@include('Templates.UI.Admin.Nav.nav-header',['name' => $name,'id' => $id])
@endsection

{{-- Body --}}

@section('body')
	<!-- Page wrapper  -->
	<div class="page-wrapper">
		<!-- Container fluid  -->
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-12">
					<div class="card">
						<div class="card-body">
							<div class="card-title mb-3">
								<h4>Mail Settings</h4>
							</div>
							<div class="table-responsive">
								<div class="row mb-3">
									<div class="col-sm-12 col-md-6">
										<span>Total Records:</span>
										<span id="total_records">{{ $dataChannel }}</span>
									</div>
									<div class="col-sm-12 col-md-6">
										<label for="Search">Search:</label>
										<input type="search" name="{{ $search }}" id="{{ $search }}" value="" class="form-control form-control-md">
									</div>
								</div>
								<table class="table table-striped table-bordered">
									<thead>
										<th>Email</th>
										<th>Subject</th>
										<th>Body/Description</th>
										<th>Type</th>
										<th>Status</th>
										<th>Action</th>
									</thead>
									<tbody>
										@include('Modules.DataCollection.Admin.table-data-ajax', ['dataChannel' => $dataChannel,'ext' => $ext,'listOfEntries' => $listOfEntries,'search'=> $search,'userType' => $userType])
									</tbody>
								</table>
							</div>
						</div>
						<div class="card-footer d-flex align-items-center mb-3">
							@if (!empty($mailSettings))
								<p class="m-0">Showing <span id="firstItem"></span> to <span id="lastItem"></span> of <span id="total"></span> Entries</p>
								{{ $mailSettings->links() }}
							@else
								
							@endif
						</div>
					</div>
					<div class="card mt-3">
						<div class="card-body">
							<div class="card-title"><h4>Create Mail Settings Record</h4></div>
							<form action="{{ route('mail-settings.store') }}" class="form-horizontal" method="POST">
								{{ csrf_field() }}
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Email:
										</div>
										<div class="col-md-9">
											<input type="email" name="email" class="form-control" placeholder="Enter Email">
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Subject:
										</div>
										<div class="col-md-9">
											<input type="text" name="subject" class="form-control" placeholder="Enter Subject">
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Body/Description:
										</div>
										<div class="col-md-9">
											<textarea name="body" placeholder="Enter Description" class="form-control" cols="30" rows="10">

											</textarea>
										</div>
									</div>
								</div>
								<div class="form-group mt-3">
									<div class="row">
										<div class="col-md-3">
											Notification Event:
										</div>
										<div class="col-md-9">
											<select name="email_type" class="select2 form-select shadow-none" style="width: 100%; height: 36px">
												@for ($i = 0; $i <count($type) ; $i++)
													<option>{{ $type[$i] }}</option>
												@endfor
											</select>
										</div>
									</div>
								</div>
								<div class="form-group text-center mt-3">
									<button class="btn btn-lg btn-outline-success">Save Mail Settings</button>
								</div>
								@if ($errors->any())
									<div class="alert alert-danger" role="alert">
										<h4 class="alert-heading">Validation Error!</h4>
										<ul>
											@foreach ($errors->all() as $message)
												<li>{{ $message }}</li>
											@endforeach
										</ul>
									</div>
								@endif
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{{-- <div class="row">
		<div class="col-md-8 col-lg-8 col-sm-12 col-xs-12">
			@include('Templates.UI.Admin.Body.body-header', ['search' => $search,'listOfEntries' => $listOfEntries])
            <br>
			<table class="table table-bordered table-striped table-hover table-custom ml-2">
				<thead class="table-dark table-header-data-custom table-header-custom">
					<tr>
						<td class="col">Email</td>
						<td class="col">Subject</td>
						<td class="col">Body/Description</td>
						<td class="col">Type</td>
						<td class="col">Status</td>
						<td class="col">Action</td>
					</tr>
				</thead>
				<tbody class="table-body-custom">
					@include('Modules.DataCollection.Admin.table-data-ajax', ['dataChannel' => $dataChannel,'ext' => $ext,'listOfEntries' => $listOfEntries,'search'=> $search,'userType' => $userType])
				</tbody>
			</table>
			<div class="row">
				<div class="col-sm-5"></div>
				<div class="col-sm-7">
					{{ $pages->onEachSide(1)->links() }}
				</div>
			</div>
		</div>
		<div class="col-md-4 col-lg-4 col-sm-12 col-xs-12 mt-2">
			<div class="card mb-2 card-form-custom">
			  	<div class="card-header card-header-form-custom">
					<span align="center"><h3>Create Mail</h3></span>
			  	</div>
			  	<div class="card-body card-body-form-custom">
			  		<form action="{{ route('mail-settings.store') }}" method="POST" class="mt-2 form-custom">
						{{ csrf_field() }}
						<div class="form-group form-group-custom">
							<input class="form-control" type="email" name="email" placeholder="Enter Email Data">
                            <br>
						</div>
						<div class="form-group form-group-custom">
							<input type="text" name="subject" class="form-control" placeholder="Enter Subject">
                            <br>
						</div>
						<div class="form-group form-group-custom">
							<textarea name="body" cols="30" rows="10" placeholder="Enter Description" class="form-control">

							</textarea>
                            <br>
						</div>
						<div class="form-group form-group-custom">
							<select name="email_type" class="form-control">
								@for ($i = 0; $i <count($type) ; $i++)
									<option class="form-control">{{ $type[$i] }}</option>
								@endfor
							</select>
                            <br>
						</div>
						<div class="form-group">
							<button class="btn btn-outline-success form-control" type="submit">Save</button>
						</div>
						<br>
						@if ($errors->any())
							<div class="alert alert-danger">
								<ul>
									@foreach ($errors->all() as $message)
										<li>{{ $message }}</li>
									@endforeach
								</ul>
							</div>
						@endif
					</form>
			  	</div>
			</div>
		</div>
	</div> --}}
@endsection

{{-- CommonScripts --}}

@push('js-scripts')
	@include('Templates.UI.Admin.CDN.scripts')
	<script src="{{ asset('assets/libs/select2/dist/js/select2.min.js') }}"></script>
	<script>
		$(document).ready(function(){
			// For select 2
			$(".select2").select2();
		});
	</script>
@endpush