@extends('layouts.header')
@section('content')
@php
$CalendarArray=$sendstatus;

@endphp
	<br>
	<div class="page-header">
		<div class="breadcrumb-four">
			<ul class="breadcrumb">
				<li><a href=""><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="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
				
				<li class="active">
					<a href="{{url('GoogleCalendarSettings')}}" title="Click here to view all ">
					<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="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>List </a>
				</li>
				<li>
					<a href="{{url('GoogleCalendarConfigure')}}" title="Click here to create new ">
					<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="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>Create</a>
				</li>
			</ul>
		</div>
	</div>
	<br>
	<div class="row">
		<div class="col-lg-12 col-md-12 layout-spacing">
			<div class="statbox widget box box-shadow">
				<input type="hidden" name="ModuleId" id="ModuleId" value="" >
				<div class="row">
					<div class="col-lg-12 layout-spacing">
						<div class="row" id="cancel-row">
							&nbsp;&nbsp;<h4 class=""><font color="Blue">Google Calendar Integration</font></h4>
						@if($Calendar_count!="0")
							<div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
								<div class="widget-content widget-content-area br-6">
									<div class="table-responsive mb-4 mt-4">
										<table id="zero-config" class="table table-hover" style="width:100%">
											<thead>
												<tr>
													<th>Project Id</th>
													<th>Client ID</th>
													<th>API Key</th>
													<th>Client Secret</th>
													<th>Status</th>
													<th>Action</th>
												</tr>
											</thead>
											<tbody>
											@foreach($CalendarArray as $CalendarData)
												@if($CalendarData->status==1)
													@php
													$status="Active";
													@endphp
												@else
													@php
													$status="InActive";
													@endphp
												@endif
												<tr>
												  <td>{{$CalendarData->project_id}}</td>
												  <td>{{$CalendarData->client_id}}</td>
												  <td>{{$CalendarData->api_key}}</td>
												  <td>{{$CalendarData->client_secret}}</td>
												  <td>{{$status}}</td>
												  <td>
													<a href="{{url('GoogleCalendarUpdate',$CalendarData->GoogleCalendarId) }}">
													<svg xmlns="http://www.w3.org/2000/svg" title="Edit" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-3"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg>
													</a>&nbsp;&nbsp;
													<svg onclick="Remove('{{$CalendarData->GoogleCalendarId}}')" xmlns="http://www.w3.org/2000/svg" title="Remove" style="cursor:pointer"width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
												 </td>
												</tr>
												@endforeach
											</tbody>
											<tfoot>
												<tr>
												   <th>Project Id</th>
													<th>Client ID</th>
													<th>API Key</th>
													<th>Client Secret</th>
													<th>Status</th>
													<th></th>
												</tr>
											</tfoot>
										</table>
									</div>
								</div>
							</div>
						@else
								<div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
								<br><br>
									<label>Configure Google Calendar</label>
									<a href="{{url('GoogleCalendarConfigure')}}">
										<input type="button" value="Create Google Calendar" class="btn btn-primary" name="submit">
									</a>
								</div>
						@endif
                </div>
				</div>
			</div>
		</div>
	</div>

@endsection