@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> Payment Accounts - {{ $companyPaymentAccounts->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">
							@if(Auth::user()->hasRole('Administrator') || (Auth::user()->hasRole('Client') && Auth::user()->can('Administer Company')))
								<a href="javascript:;" class="btn btn-outline-primary ms-2 ms-sm-0 waves-effect waves-light create-company-payment-account disabled-btn"><span><i class="ti ti-plus me-0 me-sm-1 ti-xs"></i> Add Account </span></a> 
							@endif
						</div>
					</div>
				</div>

				<div class="pt-3">
					<div class="card rounded-10">
						<div class="row mb-3 me-1 ms-1 mt-3 ">
							@foreach($companyPaymentAccounts as $companyPaymentAccount)
								<div class="col-lg-12 col-sm-12">
									<div class="border">
						      			<div class="card-body">
									        <div class="d-flex justify-content-between align-items-center mb-2">
									        	<p class="mb-1"> <strong> {{ $companyPaymentAccount->companyRouter? $companyPaymentAccount->companyRouter->name: '' }} {{ $companyPaymentAccount->paymentMethod? $companyPaymentAccount->paymentMethod->name: '' }}

												</strong> @if($companyPaymentAccount->payment_method_id == 1 && $companyPaymentAccount->settle_payments == 1) - <small class="text-success"> Payments setteld to below bank account</small> @endif </p>

											    @if($companyPaymentAccount->status == 1) 
											        <span class="text-success">  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" 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>  active </span> 
											    @else 
											        <span class="text-warning"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" 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-x"> <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="M10 10l4 4m0 -4l-4 4"/> </svg>  inactive </span> 
											    @endif

											    <div class="d-flex justify-content-center align-items-center gap-3">
											    	<a href="{{ $companyPaymentAccount->id }}" companyRouterId="{{ $companyPaymentAccount->company_router_id }}" selcomKey="{{ $companyPaymentAccount->selcom_api_key }}" class="edit-company-payment-account text-success disabled-btn" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Edit Account"> <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>

													@if($companyPaymentAccount->status == 0)
														<a href="{{ $companyPaymentAccount->id }}" class="activate-company-payment-account disabled-btn text-primary" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Activate Account"> <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="{{ $companyPaymentAccount->id }}" class="deactivate-company-payment-account disabled-btn text-warning" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Deactivate Account"> <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

													<a href="{{ $companyPaymentAccount->id }}" class="delete-company-payment-account disabled-btn text-danger" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Delete Account"> <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>

											<div class="pt-2">
												<ul class="list-unstyled mb-0">
										          	<li class="mb-3">
										              	<div class="w-100 flex-wrap gap-2">
											                <div class="me-2">
											                  	<h6 class="mb-0"> <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-components"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12l3 3l3 -3l-3 -3z" /><path d="M15 12l3 3l3 -3l-3 -3z" /><path d="M9 6l3 3l3 -3l-3 -3z" /><path d="M9 18l3 3l3 -3l-3 -3z" /></svg> API Key </h6>

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

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

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

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

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

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

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