@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
	    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
	    <li class="active">{!! trans('messages.monthly').' '.trans('messages.summary') !!}</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.monthly').' '.trans('messages.summary') !!}</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'=>'attendance-overtime-filter-form', 'data-no-form-clear'=>1]) !!}
						<div class="row">
							<div class="col-sm-3">
								<div class="form-group">
									{!! Form::label('month',trans('messages.month'),[]) !!}
									{!! Form::select('month',$months,strtolower(Carbon::now()->format('F')),['class'=>'form-control show-tick','title' => trans('messages.select_one')]) !!}
								</div>
							</div>
							<div class="col-sm-3">
								<div class="form-group">
									{!! Form::label('year',trans('messages.year'),[]) !!}
									{!! Form::select('year',$years,Carbon::now()->year,['class'=>'form-control show-tick','title' => trans('messages.select_one')]) !!}
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									<label for="to_date">{!! trans('messages.designation') !!}</label>
									{!! Form::select('designation_id[]', $designations,'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true"])!!}
								</div>
							</div>
						</div>
						<div class="form-group">
							<button type="submit" class="btn btn-default btn-success pull-right">{!! trans('messages.filter') !!}</button>
						</div>
					{!! Form::close() !!}
				</div>
			</div>

			<div class="col-sm-12 collapse" id="box-detail-download-as-zip">
				<div class="box-info">
					<h2><b>{!! trans('messages.download') !!}</b> {!! trans('messages.monthly').' '.trans('messages.summary') !!}</h2>
					<div class="additional-icon">
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-detail-download-as-zip"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
					</div>
					{!! Form::open(['route'=>'clock.download_pdf_as_zip', 'id'=>'attendance-overtime-download-zip-form', 'data-no-form-clear'=>1, 'data-submit'=>'noAjax']) !!}
						<div class="row">
							<div class="col-sm-3">
								<div class="form-group">
									{!! Form::label('month',trans('messages.month'),[]) !!}
									{!! Form::select('month',$months,strtolower(Carbon::now()->format('F')),['class'=>'form-control show-tick','title' => trans('messages.select_one'),'id'=>'download_month']) !!}
								</div>
							</div>
							<div class="col-sm-3">
								<div class="form-group">
									{!! Form::label('year',trans('messages.year'),[]) !!}
									{!! Form::select('year',$years,Carbon::now()->year,['class'=>'form-control show-tick','title' => trans('messages.select_one'),'id'=>'download_year']) !!}
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group">
									<label for="to_date">{!! trans('messages.designation') !!}</label>
									{!! Form::select('designation_id[]', $designations,'',['class'=>'form-control show-tick','title'=>trans('messages.select_one'),'multiple' => 'multiple','data-actions-box' => "true",'id'=>'download_designation_id'])!!}
								</div>
							</div>
						</div>
						<div class="form-group">
							<button type="submit" class="btn btn-default btn-success pull-right">{!! trans('messages.download') !!}</button>
						</div>
					{!! Form::close() !!}
				</div>
			</div>

			<div class="col-sm-12">
				<div class="box-info full">
					<h2><b>{!! trans('messages.monthly') !!}</b> {!! trans('messages.summary') !!}</h2>
					<div class="additional-btn">
						<b>Days Present*</b> = Employee has done clockin and clockout for the shift
						<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>
						<a href="#" data-toggle="collapse" data-target="#box-detail-download-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>
					</div>
					@include('global.datatable',['table' => $table_data['attendance-overtime-table']])
				</div>
			</div>
		</div>

	@stop