@extends('layouts.portal.app')
@section('content')

<div class="content-wrapper">
	<div class="container-xxl flex-grow-1 container-p-y">
		<div class="card">
			<h4 class="breadcrumb ml-3"> <span class="text-muted fw-light breadcrumb-link"> Home /</span> Email Providers - {{ number_format($companyEmailConfigurations->total()) }} records fetched </h4>

			@if(Session::has('errorResponse')) 
				<h6 class="row"> 
					<div class="col-md-12 temporary-alert">
						<div class="alert alert-danger alert-dismissible" role="alert"> <i class="fa fa-info-circle"></i> {!! Session::has('errorResponse') ? Session::get("errorResponse") : '' !!} <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> </button> </div>
					</div>
				</h6>
			@endif
			
			<div class="card-header d-flex border-top rounded-0 flex-wrap py-2">
				<div class="ms-auto d-flex justify-content-start justify-content-md-end align-items-baseline pull-right">
					<a href="javascript:;" class="btn btn-outline-primary ms-2 ms-sm-0 waves-effect waves-light create-company-email-configuration disabled-btn" tabindex="0" aria-controls="DataTables_Table_0" type="button"><span><i class="ti ti-plus me-0 me-sm-1 ti-xs"></i> Add Email Configs </span></a> 
				</div>
			</div>
		</div>

		<div class="pt-3">
			<div class="card">
				<div class="row mb-3 pl-1 pr-1">
					@foreach($companyEmailConfigurations as $companyEmailConfiguration)
						<div class="col-lg-12 col-sm-6 mb-3">
							<div class="border">
				      			<div class="card-body">
								    <div class="float-end mb-3">
								    	<a href="{{ $companyEmailConfiguration->id }}" mailer="{{ $companyEmailConfiguration->mail_driver }}" host="{{ $companyEmailConfiguration->mail_host }}" port="{{ $companyEmailConfiguration->mail_port }}" username="{{ $companyEmailConfiguration->mail_username }}"  password="{{ $companyEmailConfiguration->mail_password }}"  encryption="{{ $companyEmailConfiguration->mail_encryption }}"  fromAddress="{{ $companyEmailConfiguration->mail_from_address }}"  fromName="{{ $companyEmailConfiguration->mail_from_name }}" class="edit-company-email-configuration disabled-btn float-end text-success" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Edit {{ $companyEmailConfiguration->smsProviderRequirement? $companyEmailConfiguration->smsProviderRequirement->smsRequirement? $companyEmailConfiguration->smsProviderRequirement->smsRequirement->name: '': '' }}"> <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-edit"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" /><path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" /><path d="M16 5l3 3" /></svg> </a>

										<a href="{{ $companyEmailConfiguration->id }}" class="delete-company-email-configuration disabled-btn text-danger" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Delete Provider"> <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-trash"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7l16 0" /><path d="M10 11l0 6" /><path d="M14 11l0 6" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg> </a>
									</div>

									<div class="pt-2">
										<ul class="list-unstyled mb-0">
											<div class="row">
												<div class="col-md-4">
										          	<li class="mb-3">
											            <div class="d-flex align-items-center">
											              	<div class="badge bg-label-secondary text-body p-2 me-4 rounded"><i class="ti ti-shadow ti-md"></i></div>

											              	<div class="w-100 flex-wrap gap-2">
												                <div class="me-2">
												                  	<h6 class="mb-0"> Mail Driver </h6>

												                  	<small class="text-body"> {{ $companyEmailConfiguration->mail_driver }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </div>

										        <div class="col-md-4">
										          	<li class="mb-3">
											            <div class="d-flex align-items-center">
											              	<div class="badge bg-label-secondary text-body p-2 me-4 rounded"><i class="ti ti-shadow ti-md"></i></div>

											              	<div class="w-100 flex-wrap gap-2">
												                <div class="me-2">
												                  	<h6 class="mb-0"> Mail Host </h6>

												                  	<small class="text-body"> {{ $companyEmailConfiguration->mail_host }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </div>

										        <div class="col-md-4">
										          	<li class="mb-3">
											            <div class="d-flex align-items-center">
											              	<div class="badge bg-label-secondary text-body p-2 me-4 rounded"><i class="ti ti-shadow ti-md"></i></div>

											              	<div class="w-100 flex-wrap gap-2">
												                <div class="me-2">
												                  	<h6 class="mb-0"> Mail Port </h6>

												                  	<small class="text-body"> {{ $companyEmailConfiguration->mail_port }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </div>

										        <div class="col-md-4">
										          	<li class="mb-3">
											            <div class="d-flex align-items-center">
											              	<div class="badge bg-label-secondary text-body p-2 me-4 rounded"><i class="ti ti-shadow ti-md"></i></div>

											              	<div class="w-100 flex-wrap gap-2">
												                <div class="me-2">
												                  	<h6 class="mb-0"> Mail Username </h6>

												                  	<small class="text-body"> {{ $companyEmailConfiguration->mail_username }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </div>

										        <div class="col-md-4">
										          	<li class="mb-3">
											            <div class="d-flex align-items-center">
											              	<div class="badge bg-label-secondary text-body p-2 me-4 rounded"><i class="ti ti-shadow ti-md"></i></div>

											              	<div class="w-100 flex-wrap gap-2">
												                <div class="me-2">
												                  	<h6 class="mb-0"> Mail Passport </h6>

												                  	<small class="text-body"> {{ $companyEmailConfiguration->mail_password }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </div>

										        <div class="col-md-4">
										          	<li class="mb-3">
											            <div class="d-flex align-items-center">
											              	<div class="badge bg-label-secondary text-body p-2 me-4 rounded"><i class="ti ti-shadow ti-md"></i></div>

											              	<div class="w-100 flex-wrap gap-2">
												                <div class="me-2">
												                  	<h6 class="mb-0"> Mail Encryption </h6>

												                  	<small class="text-body"> {{ $companyEmailConfiguration->mail_encryption }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </div>

										        <div class="col-md-4">
										          	<li class="mb-3">
											            <div class="d-flex align-items-center">
											              	<div class="badge bg-label-secondary text-body p-2 me-4 rounded"><i class="ti ti-shadow ti-md"></i></div>

											              	<div class="w-100 flex-wrap gap-2">
												                <div class="me-2">
												                  	<h6 class="mb-0"> From Address </h6>

												                  	<small class="text-body"> {{ $companyEmailConfiguration->mail_from_address }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </div>

										        <div class="col-md-4">
										          	<li class="mb-3">
											            <div class="d-flex align-items-center">
											              	<div class="badge bg-label-secondary text-body p-2 me-4 rounded"><i class="ti ti-shadow ti-md"></i></div>

											              	<div class="w-100 flex-wrap gap-2">
												                <div class="me-2">
												                  	<h6 class="mb-0"> From Name </h6>

												                  	<small class="text-body"> {{ $companyEmailConfiguration->mail_from_name }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </div>
										    </div>
								        </ul>
									</div>
						      	</div>
				        	</div>
				        </div>
					@endforeach
				</div>
			</div>
		</div>
	</div>	

	@include('portal.companies.email-configurations.create')
    <script type="text/javascript" src="{{ url('custom/companies/email-configurations/create.js') }}"></script>

	@include('portal.companies.email-configurations.edit')
	<script type="text/javascript" src="{{ url('custom/companies/email-configurations/edit.js') }}"></script>

	@include('portal.companies.email-configurations.delete')
	<script type="text/javascript" src="{{ url('custom/companies/email-configurations/delete.js') }}"></script>
@endsection