@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"> <small class="text-success"> <i class="fa fa-info-circle"></i> Would you want to remind your clients of upcoming plan expiry? <a href="javascript:;" class="update-company-customer-invoice-notify-rate btn btn-xs btn-outline-success"> Update here </a> </small> </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>

				<div class="pt-3">
					<div class="card">
						<div class="row mb-3 ms-1 me-1 mt-3">
							@foreach($smsTemplateTypes as $smsTemplateType)
								<div class="col-lg-6 col-sm-12 mb-3">
									<div class="border">
						      			<div class="card-body">
						      				<p class="mb-1"> 
						      					<strong> {{ $smsTemplateType->name }} </strong> 

						      					@if($activeCompany != "")
							                  		@if(!$smsTemplateType->Content['companyTemplate'] || ($smsTemplateType->Content['companyTemplate'] && $smsTemplateType->Content['companyTemplate']->status == 0))
														<a href="{{ $smsTemplateType->id }}" content="{{ $smsTemplateType->Content['companyTemplate'] ? $smsTemplateType->Content['companyTemplate']->content : ($smsTemplateType->Content['generalTemplate']->content ?? '') }}" class="activate-company-sms-template float-end text-primary disabled-btn" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Activate Template"> <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-circle-check"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M9 12l2 2l4 -4" /></svg> </a>
													@else
														<a href="{{ $smsTemplateType->Content['companyTemplate']->id }}" class="deactivate-company-sms-template float-end text-warning disabled-btn" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Deactivate Template"> <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-cancel"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M18.364 5.636l-12.728 12.728" /></svg> </a>
													@endif
												@endif

												<a href="{{ $smsTemplateType->id }}" content="{{ $smsTemplateType->Content['companyTemplate']? $smsTemplateType->Content['companyTemplate']->content: '' }}" class="create-company-sms-template disabled-btn float-end text-success" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Edit Template"> <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>
						      				</p>

											<div class="pt-2">
												<ul class="list-unstyled mb-0">
										          	<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">
												                  	<small class="text-body"> {{ $smsTemplateType->Content['companyTemplate'] ? $smsTemplateType->Content['companyTemplate']->content : ($smsTemplateType->Content['generalTemplate']->content ?? '') }} </small>
												                </div>
											              	</div>
											            </div>
										          	</li>
										        </ul>
											</div>
								      	</div>
						        	</div>
						        </div>
							@endforeach
						</div>
					</div>
				</div>
			</div>
		</div>

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

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

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

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

		@if($activeCompany != "")
			@include('portal.companies.invoice-notify-rates.update')
			<script type="text/javascript" src="{{ url('custom/companies/invoice-notify-rates/update.js') }}"></script>

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