@extends('layouts.default', [
	'sidebarLight' => true,
	'headerMegaMenu' => true,
	'sidebarMenu' => 'school.contract',
])

@section('title', Lang::get('school.word.school_management'))

@include('includes.require.sweetalert')
@include('includes.require.ui-ajax')

@push('css')
	<style type="text/css">
		.table-layout-fixed{table-layout:fixed;}
		.contract_term_status .status-active{background:#90ca4b;}
		.contract_term_status .status-inactive{background:#b6c2c9;}
		.contract_term_status .status-expire{background:#ff5b57;}
		.contract_term_status .status-1month{background:#f59c1a;}
	</style>
@endpush
@push('scripts')
	<script type="text/javascript">
		function deleteContract(element) {

			$.ui_ajax({
				url:$(element).attr('href'),
				data:{_token:'{{ csrf_token() }}'},
				method:'DELETE',
				confirm:true,
				type:'error',
				closeDelay:null,
				text_done:'Contract deleted.',
				text_fail:'Delete failed.',
				text_confirm:'Once deleted, you will not be able to recover this contract!',
				done:function() {
					$(element).closest('tr.resource').remove();
				}
			});

			return false;
		}

		function setPerPage() {
			var $input = $('<input type="hidden" name="perpage"/>').val($('#perpage').val());
			$('form.search').append($input).submit();
		}

		$(function() {
			$('.tab-content a.excel-download').click(function() {
				window.location.href = $(this).attr('href') + '?{!! request()->getQueryString() !!}';
				return false;
			});
		});
	</script>
@endpush

@section('content')
	<!-- begin page-header -->
	<div class="page-header-wrap">
		<div class="heading-nav">
			<h1 class="page-header">{{ Lang::get('school.word.school_management') }}</h1>

			@include('template.school.tabmenu', ['active'=>'contract'])
		</div>

		<div>
			<a href="{{ route('school.contracts.create') }}" class="btn btn-primary">
				<i class="fas fa-lg fa-fw m-r-5 fa-plus"></i>{{ Lang::get('school.word.contract_register') }}
			</a>
		</div>
	</div>
	<!-- end page-header -->
    @include('template.school.contract.search')

    <!-- begin tab-content -->
    <div class="tab-content width-full">
		<div class="position-relative m-b-10">
			<input type="text" class="d-inline-block align-bottom form-control width-60 text-center" id="perpage" value="{{ $contracts->perPage() }}"/>
			<label class="align-bottom form-label m-l-5 m-r-10">entries</label>
			<button type="button" class="d-inline-block align-bottom btn btn-info" onclick="setPerPage()">{{ Lang::get('school.word.apply') }}</button>
			<div class="position-absolute" style="right:0;bottom:0">
				<a href="{{ route('school.contracts.download') }}" class="excel-download" title="{{ Lang::get('school.word.excel_download') }}">
					<span class="fa-stack fa-lg text-success">
						<i class="far fa-square fa-stack-2x"></i>
						<i class="fas fa-file-excel fa-stack-1x"></i>
					</span>
				</a>
			</div>
		</div>
		<table class="table table-layout-fixed table-bordered m-0">
			<colgroup>
				<col width="60"/>
				<col width="110"/>
				<col width="90"/>
				<col width="80"/>
				<col width="280"/>
				<col width="280"/>
				<col width="90"/>
				<col width="180"/>
				<col width="70"/>
				<col width="60"/>
			</colgroup>
			<thead>
				<tr>
					<th class="align-middle text-center">{{ Lang::get('school.word.id.short') }}</th>
					<th class="align-middle text-center">{{ Lang::get('school.word.contract_term.short') }}</th>
					<th class="align-middle text-center">{{ Lang::get('school.word.country.short') }}</th>
					<th class="align-middle text-center text-nowrap">{{ Lang::get('school.word.study_type.short') }}</th>
					<th class="align-middle text-center">{{ Lang::get('school.word.contract_title.short') }}</th>
					<th class="align-middle text-center">{{ Lang::get('school.word.contract_school.short') }}</th>
					<th class="align-middle text-center">{{ Lang::get('school.word.commission.short') }}</th>
					<th class="align-middle text-center">{{ Lang::get('school.word.contract_date.short') }}</th>
					<th class="align-middle text-center">{{ Lang::get('school.word.manager.short') }}</th>
					<th class="align-middle text-center"></th>
				</tr>
			</thead>
			<tbody>
				@forelse ($contracts as $contract)
					@php
						$manager = $contractManager->where('emm_uid', $contract->manager)->first();
					@endphp
					<tr class="resource">
						<td class="align-middle text-center">{{ $contract->school_contract_uid }}</td>
						<td class="align-middle text-center contract_term_status">
							@if ($contract->viewInfo)
								<span class="d-inline-block width-100 m-t-3 m-b-3 p-t-3 p-b-3 p-l-10 p-r-10 text-white rounded status-{{ $contract->viewInfo->contract_term_status }}">{{ $contract->viewInfo->contract_term_status_label }}</span>
							@else
								<span class="d-inline-block width-100 m-t-3 m-b-3 p-t-3 p-b-3 p-l-10 p-r-10 text-white rounded status-inactive">{{ Lang::get('school.word.uncontracted') }}</span>
							@endif
						</td>
						<td class="align-middle text-center">
							<select class="selectpicker width-full">
								@foreach ($contract->country as $country)
									<option>{{ Country::domain($country)['name_en'] }}</option>
								@endforeach
							</select>
						</td>
						<td class="align-middle text-center">
							@foreach ($contract->school_type as $school_type)
								@icon('schoolType', $school_type)
							@endforeach
						</td>
						<td class="align-middle"><a href="{{ route('school.contracts.edit', $contract->school_contract_uid) }}" title="{{ $contract->title }}">{{ $contract->title }}</a></td>
						<td class="align-middle text-center text-truncate">
							@if ($contract->school && $contract->school->count())
								{{ $contract->school->first()->name or '' }}
								<div class="text-center m-t-5">
									<a href="{{ route('school.contracts.school.modal', $contract->school_contract_uid) }}" class="btn btn-white" data-toggle="modal" data-type="ajax" data-target="#modal-pop">List of all schools</a>
								</div>
							@endif
						</td>
						<td class="align-middle text-center">
							@if ($contract->viewInfo && $contract->viewInfo->ec_commission !== null)
								{{ $contract->viewInfo->ec_commission }} %
							@endif
						</td>
						<td class="align-middle text-center">
							@if ($contract->viewInfo && ($contract->viewInfo->start_date || $contract->viewInfo->end_date))
								<span class="d-inline-block align-top text-right width-70">{{ $contract->viewInfo->start_date ? $contract->viewInfo->start_date->format('Y.m.d') : '' }}</span>
								<span class="d-inline-block align-top text-center">&nbsp;~&nbsp;</span>
								<span class="d-inline-block align-top text-left width-70">{{ $contract->viewInfo->end_date ? $contract->viewInfo->end_date->format('Y.m.d') : '' }}</span>
							@endif
						</td>
						<td class="align-middle text-center">{{ $manager ? $manager->emm_name : '' }}</td>
						<td class="align-middle text-center text-nowrap">
							<a href="{{ route('school.contracts.edit', $contract->school_contract_uid) }}" class="btn btn-danger btn-icon btn-circle btn-xs bg-green"><i class="fa fa-edit"></i></a>
							@if(_is('super') or $contract->manager==Auth::user()->emm_uid)
							<a href="{{ route('school.contracts.destroy', $contract->school_contract_uid) }}" class="btn btn-danger btn-icon btn-circle btn-xs" onclick="return deleteContract(this)"><i class="fa fa-times"></i></a>
							@endif
						</td>
					</tr>
				@empty
					<tr>
						<td colspan="10" class="text-center p-t-40 p-b-40">{{ Lang::get('template_school.desc.no_data') }}</td>
					</tr>
				@endforelse
			</tbody>
		</table>

		@include('template.table_pagination', ['resources' => $contracts])
	</div>
    <!-- end tab-content -->
@endsection