@extends('layouts.portal.app')
@section('content')
<script type="text/javascript" src="{{ url('custom/js/jquery-3.3.1.js') }}"></script>
<link rel="stylesheet" type="text/css" href="{{ url('custom/smart-search/jquery-ui.min.css') }}">

<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> Service Plans - {{ $companyServicePlans->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">
				<label> 
					<input type="text" class="keyword form-control" placeholder="Search Plan"> 
					<input type="hidden" name="company_service_plan_id" class="company-service-plan-id">
				</label>

				<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()->can('Administer Company') || Auth::user()->can('Internet-Plans.create'))
						<a href="{{ $activeCompany? $activeCompany->id: '' }}" class="btn btn-outline-primary ms-2 ms-sm-0 waves-effect waves-light create-company-service-plan disabled-btn"><span><i class="ti ti-plus me-0 me-sm-1 ti-xs"></i> Add Plan </span></a> 
					@endif
				</div>
			</div>
		</div>

		<div class="pt-3">
			<div class="card">
				<div class="card-datatable table-responsive text-nowrap">
					<table class="table">
						<thead class="border-top">
							<tr>
								<th> # </th>
								<th> Name </th>
								<th> Duration </th>
								<th> Cost </th>
								@if($activeServicePlan->id == 1) <!-- Hotspot-->
								<th> Devices </th>
								@endif
								<th> Download/Upload Limit </th>
								<th> Clients </th>
								@if(Auth::user()->hasRole('Administrator') || Auth::user()->hasRole('Client'))
									<th> Actions </th>
								@endif
							</tr>
						</thead>

						<tbody>
							@foreach($companyServicePlans as $companyServicePlan)
								<tr>
									<td> <a href="javascript:;" class="text-success company-service-plan-details{{ $companyServicePlan->id }}"> {{ $companyServicePlan->ref_no }} </a> </td>

									<td> {{ $companyServicePlan->name }} </td>

									<td> {{ $companyServicePlan->valid_for }} {{ $companyServicePlan->planValidityType? $companyServicePlan->planValidityType->name: '' }} </td>

									<td> Tsh {{ number_format($companyServicePlan->cost, 2) }} </td>

									@if($activeServicePlan->id == 1) <!-- Hotspot-->
									<td> {{ number_format($companyServicePlan->shared_users) }} </td>
									@endif

									<td> @if($companyServicePlan->download_limit != "") {{ $companyServicePlan->download_limit.' '.$companyServicePlan->download_scale }}bps @else - @endif / @if($companyServicePlan->upload_limit != "") {{ $companyServicePlan->upload_limit.' '.$companyServicePlan->upload_scale }}bps @else - @endif </td>

									<td> {{ number_format(count($companyServicePlan->companyCustomerServicePlans)) }} <a href="{{ url('general-company-service-plan-customers/'.$companyServicePlan->id) }}" class="float-end text-success" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="View Clients"> <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-eye"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /><path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" /></svg> </a> </td>

									@if(Auth::user()->hasRole('Administrator') || Auth::user()->hasRole('Client'))
									<td> 
										@if(Auth::user()->hasRole('Administrator') || Auth::user()->can('Administer Company') || Auth::user()->can('Internet-Plans.edit'))
											<a href="{{ $companyServicePlan->id }}" servicePlanId="{{ $companyServicePlan->service_plan_id }}" companyRouterId="{{ $companyServicePlan->company_router_id }}" companyIpPoolId="{{ $companyServicePlan->company_ip_pool_id }}" name="{{ $companyServicePlan->name }}" sharedUsers="{{ $companyServicePlan->shared_users }}" downloadLimit="{{ $companyServicePlan->download_limit }}" downloadScale="{{ $companyServicePlan->download_scale }}" uploadLimit="{{ $companyServicePlan->upload_limit }}" uploadScale="{{ $companyServicePlan->upload_scale }}" burstUploadLimit="{{ $companyServicePlan->burst_upload_limit }}" burstUploadScale="{{ $companyServicePlan->burst_upload_scale }}" burstDownloadLimit="{{ $companyServicePlan->burst_download_limit }}" burstDownloadScale="{{ $companyServicePlan->burst_download_scale }}" burstTime="{{ $companyServicePlan->burst_time }}" validFor="{{ $companyServicePlan->valid_for }}" planValidityTypeId="{{ $companyServicePlan->plan_validity_type_id }}" cost="{{ $companyServicePlan->cost }}" class="edit-company-service-plan text-success disabled-btn" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Edit Plan"> <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>
										@endif

										@if($companyServicePlan->status == 0 && (Auth::user()->hasRole('Administrator') || Auth::user()->can('Administer Company') || Auth::user()->can('Internet-Plans.activate')))
											<a href="{{ $companyServicePlan->id }}" class="activate-company-service-plan text-primary disabled-btn" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Activate Plan"> <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>
										@elseif($companyServicePlan->status == 1 && (Auth::user()->hasRole('Administrator') || Auth::user()->can('Administer Company') || Auth::user()->can('Internet-Plans.deactivate')))
											<a href="{{ $companyServicePlan->id }}" class="deactivate-company-service-plan text-warning disabled-btn" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Deactivate Plan"> <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

										@if(Auth::user()->hasRole('Administrator') || Auth::user()->can('Administer Company') || Auth::user()->can('Internet-Plans.delete'))
											<a href="{{ $companyServicePlan->id }}" class="delete-company-service-plan disabled-btn text-danger" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Delete Plan"> <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>
										@endif
									</td>
									@endif
								</tr>

								@include('portal.companies.service-plans.details')
								<script type="text/javascript">
									document.addEventListener('DOMContentLoaded', function()
									{
										$('.company-service-plan-details{{ $companyServicePlan->id }}').click(function(e)
										{
											e.preventDefault();

											var title = "{{ $companyServicePlan->name }}";
											$('.title').empty().append(title);

											$('#company-service-plan-details{{ $companyServicePlan->id }}').offcanvas("toggle");
										});
									});
								</script>
							@endforeach
						</tbody>
					</table>
					
					<div class="d-flex justify-content-between align-items-center px-3 pb-3">
						<div>
							{{ $companyServicePlans->render() }}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

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

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

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

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

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

<script src="{{ url('custom/smart-search/jquery-ui.min.js') }}" type="text/javascript"></script>

<script type="text/javascript">
	(function($) 
	{
		var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');

		$( ".keyword" ).autocomplete({
			source: function(request, response) 
			{
				$.ajax({
					url:"{{ url('smartly-search-company-service-plans') }}",
					type: 'post',
					dataType: "json",
					data: {
						_token: CSRF_TOKEN,
						keyword: request.term
					},

					success: function(data) 
					{
						response(data);
					}
				});
			},

			select: function (event, ui) 
			{
				var app_url = $('#app_url').val();

				window.location.href = ""+app_url+"found-company-service-plans/"+ui.item.company_service_plan_id+"";
			}
		});
	})(jQuery);
</script>
@endsection