@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
	    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
	    <li class="active">{!! trans('messages.ir8a') !!}</li>
		</ul>
	@stop

	@section('content')
		<div class="row">
			<div class="col-sm-12 collapse" id="box-detail-filter">
				<div class="box-info">
					<h2><b>{!! trans('messages.filter') !!}</b> {!! trans('messages.ir8a') !!}</h2>
					<div class="additional-icon">
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-detail-filter"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
					</div>
					{!! Form::open(['url'=>'filter', 'id'=>'ir8a-filter-form', 'data-no-form-clear' => 1]) !!}
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								{!! Form::label('year',trans('messages.year'),[]) !!}
								{!! Form::select('year',$years,'',['class'=>'form-control show-tick','title' => trans('messages.select_one')]) !!}
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								{!! Form::label('status',trans('messages.status'),[]) !!}
								{!! Form::select('status',array('Unverified','Verified','Submitted'),'',['class'=>'form-control show-tick','title' => trans('messages.select_one')]) !!}
							</div>
						</div>
					</div>
					{!! Form::submit(trans('messages.filter'),['class' => 'btn btn-default btn-success pull-right','name' => 'submit']) !!}
					{!! Form::close() !!}
				</div>
			</div>
		</div>

		<div class="row">
			{{-- Download PDF as ZIP --}}
			<div class="col-sm-12 collapse" id="box-download-pdf-as-zip">
				<div class="box-info">
					<h2><b>{!! trans('messages.download') !!}</b> {!! ' PDF '.trans('messages.as').' ZIP' !!}</h2>
					<div class="additional-icon">
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-download-pdf-as-zip"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
					</div>
					{!! Form::open(['route'=>'ir8a.download_pdf_as_zip', 'role'=>'form', 'id'=>'download-pdf-as-zip', 'data-submit'=>'noAjax']) !!}
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								{!! Form::label('user_ids',trans('messages.user'),[]) !!}
								{!! Form::select('user_ids[]', $pdf_users, '',['multiple'=>'multiple','data-actions-box'=>'true','class'=>'form-control show-tick','title'=>trans('messages.select_one')]) !!}
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								{!! Form::label('year',trans('messages.year'),[]) !!}
								{!! Form::select('year',$years,\Carbon\Carbon::now()->year,['class'=>'form-control show-tick','title' => trans('messages.select_one')]) !!}
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								{!! Form::label('type',trans('messages.type'),['class' => 'control-label']) !!}
								{!! Form::select('type', [
									'original' => 'Original (Default)',
									'amendment' => 'Amendment'
								], 'original',['class'=>'form-control show-tick','title'=>trans('messages.select_one')]) !!}
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								{!! Form::label('ir8a_status',trans('messages.ir8a').' '.trans('messages.status'),[]) !!}
								{!! Form::select('ir8a_status', ['verified'=>'Verified','unverified'=>'Unverified','all' => 'Verified & Unverified'], '',['class'=>'form-control show-tick','title'=>trans('messages.select_one')]) !!}
							</div>
						</div>
					</div>
					{!! Form::submit(trans('messages.download'),['class' => 'btn btn-default btn-success pull-right','name' => 'submit']) !!}
					{!! Form::close() !!}
				</div>
			</div>

			<div class="col-sm-12">
				<div class="box-info full">
					<h2><b>{!! trans('messages.list_all') !!}</b> {!! Str::plural(trans('messages.ir8a').' '.trans('messages.record')) !!}</h2>
						<div class="additional-btn">
							<a href="#" data-toggle="collapse" data-target="#box-detail-filter"><button class="btn btn-sm btn-primary"><i class="fa fa-filter icon"></i> {!! trans('messages.filter') !!}</button></a>
							@if(Laratrust::isAbleTo('create-ir8a'))
								<a href="/ir8a/create/{!! \Carbon\Carbon::now()->year !!}"><button class="btn btn-sm btn-primary"><i class="fa fa-envelope icon"></i> {!! trans('messages.create').' '.trans('messages.ir8a') !!}</button></a>
								<a href="#" data-toggle="collapse" data-target="#box-download-pdf-as-zip"><button class="btn btn-sm btn-primary"><i class="fa fa-download icon"></i> {!! trans('messages.download').' PDF '.trans('messages.as').' ZIP' !!}</button></a>
							@endif
							@if(Laratrust::isAbleTo('submit-ir8a'))
								<a href="/ir8a/submit"><button class="btn btn-sm btn-primary">{!! trans('messages.submit').' '.trans('messages.ir8a') !!}</button></a>
							@endif
						</div>
						<div class="row" style="margin:10px">
							@if(Laratrust::isAbleTo('verify-ir8a'))
								<button class="btn btn-xs btn-warning"id="change_selected_status"><i class="fa fa-check icon" style="margin-right:4px"></i>Change Selected Status</button>
							@endif
							@if(Laratrust::isAbleTo('delete-ir8a'))
								<button class="btn btn-xs btn-danger" id="delete_selected"><i class="fa fa-trash icon" style="margin-right:4px"></i>Delete Selected</button>
							@endif
						</div>
					@include('global.datatable',['table' => $table_data['ir8a-table']])
				</div>
			</div>

		</div>
	@stop

	@section('js')
		<script type="text/javascript">
			$(document).ready(function() {
				var table = $('#ir8a_table').DataTable();
				var table_data;
				var id_array;
				$('#ir8a_table tbody').on( 'click', 'tr', function () {
					$(this).toggleClass('selected');
				});

				$('#delete_selected').click( function() {
					id_array = [];
					table_data = table.rows('.selected').data().toArray();
					table_data.forEach(function(data){ //only loop when user press action button (delete, etc...)
						item = data[0].split('/ir8a/').pop().split('"')[0];
						id_array.push(item);
					});
					if (confirm("Delete IR8A Record(s)?")) {
					  $.ajax({
							type: 'DELETE',
							url:'/ir8a/'+id_array,
							success: function(response){
								alert('IR8A Record(s) deleted!');
								window.location = "/ir8a";
							},
							error: function(response){
								alert('Error deleting');
							}
						});
					} else {
					  console.log("Delete Cancelled");
					}
				})

				$('#change_selected_status').click( function() {
					id_array = [];
					table_data = table.rows('.selected').data().toArray();
					table_data.forEach(function(data){ //only loop when user press action button (delete, etc...)
						item = data[0].split('/ir8a/').pop().split('"')[0];
						id_array.push(item);
					});
					if (confirm("Change status of IR8A Record(s)?")) {
					  $.ajax({
							type: 'GET',
							url:'/ir8a/'+id_array+'/verify',
							success: function(response){
								alert('IR8A Record(s) status changed!');
								window.location = "/ir8a";
							},
							error: function(response){
								alert('Error changing status');
							}
						});
					} else {
					  console.log("Status Changing Cancelled");
					}
				})
			});
		</script>
		@stop