@extends('layouts.cannavaro.master')

@section('header')
<!--script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css"/-->
<script src="{!! asset('fullcalendar/lib/moment.min.js') !!}"></script>
<script src="{!! asset('fullcalendar/fullcalendar.min.js') !!}"></script>
<link rel="stylesheet" type="text/css" href="{!! asset('fullcalendar/fullcalendar.min.css') !!}">
<link rel="stylesheet" href="{!! asset('adminLTE/plugins/datepicker/datepicker3.css') !!}">
@stop

@section('breadcrumb')
<span class="header-icon"><i class="fa fa-home"></i></span>
<ol class="breadcrumb newcrumb ng-scope">
    <li>
        <a href="#"><span></span>{{ $pagedesc }}</a>
    </li>
    <li>{{ $pagetitle }}</li>
</ol>
@stop

@section('content')
    
	<div class="box">
		<div class="box-header with-border">

			<div class="pull-right box-tools">
                <a class="btn btn-xs btn-default dom_todaybtn"><i class="fa fa-check-double"></i> Hari Ini</a>
                <a class="btn btn-xs btn-primary text-white" href="{{ route('data.cutiumum.list') }}"><i class="fa fa-calendar-check"></i> Senarai Cuti Umum</a>
                <a class="btn btn-xs btn-primary text-white dom_adddata"><i class="fa fa-calendar-plus"></i> Tambah Cuti</a>
            </div>

            <h3 class="box-title"><i class="{{ $titleicon }}"></i> 
                <span>{{ $pagetitle }}</span>
            </h3>
		</div>
		<div class="box-body">
            <div class="row">
                <div class="col-md-8">
                    <div class="table-responsive">
                    {!! $calendar->calendar() !!}
                    {!! $calendar->script() !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <table class="table large-only">
                        <tbody>
                            <tr class="text-right">
                                <!--th class="column-title text-right">Carian Tarikh</th>
                                <th class="column-title text-center"><input type="text" name="selecteddate" id="selecteddate" class="form-control datepicker" value="{{ (Input::get('selecteddate')) ? Input::get('selecteddate') : date('d/m/Y') }}"></th-->
                                <th class="column-title text-right">Tahun</th>
                                <th class="column-title text-center">
                                    <select name="selecteddate" id="selecteddate" class="form-control">
                                        @if(count($years)>0)
                                            @foreach($years as $year)
                                                <option value="{{ $year->year }}" {{ (Input::get('selecteddate')==$year->year) ? 'selected' : date('Y') }}>{{ $year->year }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </th>
                            </tr>
                            <tr class="text-right" bgcolor="#D2CECE">
                                <th class="column-title text-center">Keterangan</th>
                                <th class="column-title text-right" width="30%">Tarikh</th>
                            </tr>
                            @if(count($lists) > 0)
                            @foreach($lists as $key => $list)
                                                                <tr>
                                    <td>
                                        @if(date( 'm-Y', strtotime($list->cutiumum_date)) == date('m-Y'))
                                            {!! '<b><font color="'.$colorcode.'">'.$list->cutiumum_desc.'</font></b>' !!}
                                        @else
                                            {{ $list->cutiumum_desc }}
                                        @endif
                                    </td>
                                    <td class="text-right">
                                        @if(date( 'm-Y', strtotime($list->cutiumum_date)) == date('m-Y'))
                                            {!! '<b>'.date( 'd M Y', strtotime($list->cutiumum_date)).'</b>' !!}
                                        @else
                                            {{ date( 'd M Y', strtotime($list->cutiumum_date)) }}
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            @else
                            <tr><td colspan="2">Tiada Rekod.</td></tr>
                            @endif
                        </tbody>
                    </table>         
                </div>  
            </div>
		</div>
	</div>
    <input type="hidden" id="currenturl" value="{{ Request::url() }}">
@stop

@section('footer')

<div class="modal modal-info fade" id="modal-1">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header bg-primary">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title dom_modaltitle"></h4>
            </div>

            @if (session('flash_error'))
                <!--div class="alert alert-block alert-error fade in"-->
                <div class="alert alert-danger modalalert">
                    <strong>{{ __('Admin::base.error') }}!</strong>
                    {!! session('flash_error') !!}
                    <!--span class="close" data-dismiss="alert">×</span-->
                </div>
            @endif

            {!! Form::open(['action'=>'\App\Modules\Admin\Controllers\DataManagementController@cutiumumstore', 'method'=>'post', 'class'=>'form-horizontal form-label-left','id'=>'data_form', 'files'=>true]) !!}
            <input type="hidden" name="cutiumum_id" id="data_id" class="dom_modaldata" value="{{ old('cutiumum_id') }}">
            <input type="hidden" name="cutiumum_actualdate" id="data_actualdate" class="dom_modaldata" value="{{ old('cutiumum_actualdate') }}">
            <div class="modal-body">
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">Tarikh</label>
                    <div class="col-md-7 col-sm-7 col-xs-12">
                        <div class="input-group">
                        <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                        <input class="form-control dom_modaldata" type="date" value="{{ old('cutiumum_date') }}" name="cutiumum_date" id="data_date"/>
                        </div>
                    </div>                  
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">Keterangan</label>
                    <div class="col-md-7 col-sm-7 col-xs-12">
                        <input class="form-control dom_modaldata" type="text" value="{{ old('cutiumum_desc') }}" name="cutiumum_desc" id="data_desc" placeholder="Keterangan" autocomplete="off" />
                    </div>                  
                </div>
            </div>
            
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal">{{ __('Admin::base.close') }}</a>
                <button type="button" id="processbtn" class="btn btn-sm btn-success dom_processdata" value=""><i class="fa fa-check-circle"></i> </button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<script src="{!! asset('adminLTE/plugins/datepicker/bootstrap-datepicker.js') !!}"></script>
<script type="text/javascript">

    $(document).ready(function() {

        $('.datepicker').datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true
        });

        @if(Input::has('selecteddate')) 
            //$('[id^=calendar-]').fullCalendar( 'gotoDate', '<?//= \Carbon\Carbon::createFromFormat('d/m/Y', Input::get('selecteddate'))->format('Y-m-d') ?>' );
            $('[id^=calendar-]').fullCalendar( 'gotoDate', '