@extends('admin.adminlayouts.adminlayout')

@section('head')
    <!-- BEGIN PAGE LEVEL STYLES -->
    {!! HTML::style("assets/global/plugins/select2/css/select2.css")!!}
    {!! HTML::style("assets/global/plugins/select2/css/select2-bootstrap.min.css")!!}
    {!! HTML::style("assets/global/plugins/typeahead/typeahead.css")!!}
    <!-- BEGIN THEME STYLES -->
@stop


@section('mainarea')


<!-- BEGIN PAGE HEADER-->
<div class="page-head">
    <div class="page-title"><h1>
            {{ trans("pages.awards.createTitle") }}
        </h1></div>
</div>
<div class="page-bar">
    <ul class="page-breadcrumb breadcrumb">
        <li>
            <a onclick="loadView('{{ route('admin.dashboard.index') }}')" >{{trans('core.dashboard')}}</a>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <a onclick="loadView('{{ route('admin.awards.index') }}')">{{trans('pages.awards.indexTitle')}}</a>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <span class="active">{{  trans("pages.awards.createTitle") }}</span>
        </li>
    </ul>

</div>
<!-- BEGIN PAGE CONTENT-->

<div class="row">
    <div class="col-md-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->




        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption font-blue">
                    <i class="fa fa-trophy font-blue"></i>{{trans('core.awardDetails')}}
                </div>
                <div class="actions">
                    <div class="btn-group pull-right">
                        <span id="load_notification" class="hidden-xs"></span>
                        <input type="checkbox" onchange="ToggleEmailNotification('award_notification');return false;"
                               class="make-switch" name="award_notification"
                               @if($loggedAdmin->company->award_notification==1)checked @endif data-on-color="success"
                               data-on-text="<i class='fa fa-bell-o'></i>" data-off-text="<i class='fa fa-bell-slash-o'></i>"
                               data-off-color="danger">
                        <span class="hidden-xs"><strong>{{trans('core.emailNotification')}}</strong></span>
                    </div>
                </div>
            </div>

            <div class="portlet-body form">

                <!-- BEGIN FORM-->
                {!! Form::open(['url'=>"admin/awards",'class'=>'ajax_form form-horizontal','method'=>'POST'])!!}
                <div class="form-body">

                    <div class="form-group">
                        <label class="col-md-2 control-label">{{trans('core.award_name')}} {!! help_text("award_name") !!} <span class="required">
                                * </span>
                        </label>

                        <div class="col-md-6">
                            <input type="text" class="form-control" id="award_name" name="award_name"
                                   placeholder="{{trans('core.award_name')}}" value="{{ old('award_name') }}">
                               <span class="help-block" ></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">{{trans('core.gift')}}  {!! help_text("awardGift") !!} <span class="required">
                                * </span>
                        </label>

                        <div class="col-md-6">
                            <input type="text" class="form-control" name="gift" id="gift" placeholder="{{trans('core.gift')}}"
                                   value="{{ old('gift') }}">
                               <span class="help-block" ></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">{{trans('core.cash_price')}} ({{$loggedAdmin->company->currency_symbol}})</label>

                        <div class="col-md-6">
                            <input type="text" class="form-control" name="cash_price"
                                   placeholder="{{trans('core.cash_price')}}" value="{{ old('cash_price') }}">
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-md-2 control-label">{{trans('core.employee')}} {{trans('core.name')}}:</label>

                        <div class="col-md-6">
                            <select class="form-control select2me" name="employee_id">
                            @foreach($employees as $employee)
                                <option value="{{$employee->id}}">{{$employee->full_name}} (@lang('core.empId'): {{ $employee->employeeID }})</option>
                            @endforeach
                            </select>
                            <span class="help-block"></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">@lang("core.month"):</label>

                        <div class="col-md-3">
                            <select class="form-control  select2me" name="month">
                                <option value="" selected="selected">{{trans('core.month')}}</option>
                                <option value="january"
                                        @if(strtolower(date('F'))=='january')selected='selected'@endif >{{trans('core.jan')}}</option>
                                <option value="february"
                                        @if(strtolower(date('F'))=='february')selected='selected'@endif>{{trans('core.feb')}}</option>
                                <option value="march"
                                        @if(strtolower(date('F'))=='march')selected='selected'@endif>{{trans('core.mar')}}</option>
                                <option value="april"
                                        @if(strtolower(date('F'))=='april')selected='selected'@endif>{{trans('core.apr')}}</option>
                                <option value="may"
                                        @if(strtolower(date('F'))=='may')selected='selected'@endif>{{trans('core.May')}}</option>
                                <option value="june"
                                        @if(strtolower(date('F'))=='june')selected='selected'@endif>{{trans('core.jun')}}</option>
                                <option value="july"
                                        @if(strtolower(date('F'))=='july')selected='selected'@endif>{{trans('core.jul')}}</option>
                                <option value="august"
                                        @if(strtolower(date('F'))=='august')selected='selected'@endif>{{trans('core.aug')}}</option>
                                <option value="september"
                                        @if(strtolower(date('F'))=='september')selected='selected'@endif>{{trans('core.sept')}}</option>
                                <option value="october"
                                        @if(strtolower(date('F'))=='october')selected='selected'@endif>{{trans('core.oct')}}</option>
                                <option value="november"
                                        @if(strtolower(date('F'))=='november')selected='selected'@endif>{{trans('core.nov')}}</option>
                                <option value="december"
                                        @if(strtolower(date('F'))=='december')selected='selected'@endif>{{trans('core.dec')}}</option>
                            </select>
                        </div>
                    </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">{{trans('core.year')}}:</label>

                            <div class="col-md-3">
                                {!!  Form::selectYear('year', 2017, date('Y')+1,date('Y'),['class' => 'form-control select2me'])  !!}

                            </div>
                        </div>

                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-2 col-md-10">
                            <button type="button"
                                    class="btn green" id="awardSubmit" onclick="ajaxCreateAward()"><i
                                        class="fa fa-check"></i> {{trans('core.btnSubmit')}}</button>
                        </div>
                    </div>
                </div>
                {!!  Form::close() !!}<!-- END FORM-->
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->

    </div>
</div>            <!-- END PAGE CONTENT-->

@stop

@section('footerjs')

<!-- BEGIN PAGE LEVEL PLUGINS -->

{!! HTML::script("assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js")!!}
{!! HTML::script("assets/global/plugins/select2/js/select2.js")!!}
{!! HTML::script("assets/global/plugins/jquery-multi-select/js/jquery.multi-select.js")!!}
{!! HTML::script("assets/global/plugins/typeahead/typeahead.bundle.min.js")!!}
{!! HTML::script('assets/js/ajaxform/jquery.form.min.js')!!}

<script>

    function ajaxCreateAward() {
        $.easyAjax({
            url: "{!! route('admin.awards.store') !!}",
            type: "POST",
            data: $(".ajax_form").serialize(),
            container: ".ajax_form",
        });
    }
    var handleTwitterTypeahead = function () {
        // Example #1
        // instantiate the bloodhound suggestion engine
        var numbers = new Bloodhound({
            datumTokenizer: function (d) {
                return Bloodhound.tokenizers.whitespace(d.num);
            },
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            local: [
                {num: '{{trans('core.employeeOfMonth')}}'},
                {num: '{{trans('core.workAppreciation')}}'}
            ]
        });

        // initialize the bloodhound suggestion engine
        numbers.initialize();

        // instantiate the typeahead UI

        $('#typeahead_example_1').typeahead(null, {
            displayKey: 'num',
            hint: (App.isRTL() ? false : true),
            source: numbers.ttAdapter()
        });


    };
    handleTwitterTypeahead();
    $.fn.select2.defaults.set("theme", "bootstrap");
    $('.select2me').select2({
        placeholder: "Select",
        width: '100%',
        allowClear: false
    });
</script>
<!-- END PAGE LEVEL PLUGINS -->
@stop