@extends('app')

@section('content')

@include('flash::message')

@include('partials.alert')

<div class="panel panel-default">

    <div class="panel-heading">
        <h3 class="panel-title" id = "form_title">{!! ucwords(trans('hilbit.report.activity.form_title')) !!}</h3>
    </div>

    <div class="panel-body">

        {!! Form::open(['url' => 'reports/activity/output', 'id' => 'fm_activity_report']) !!}
        {!! Form::hidden('export', 0, ['id' => 'export']) !!}

        @include('errors.list')

        <div id="activity-report-options">
            <div class="row">

                <div class="col-md-10">

                    <div class="form-group">
                        {!! Form::label('activity_level', 'Activity Level:', ['class' => 'control-label col-sm-2']) !!}

                        <div class = "col-sm-10">
                            <div class="form-check">
                                <label class="form-check-label">
                                {!! Form::radio('activity_level', 'all', null, ['class' => 'form-check-input', 'id' => 'activity_level_all']) !!}
                                All
                                </label>
                            </div>

                            <div class="form-check">
                                <label class="form-check-label">
                                {!! Form::radio('activity_level', 'client_agreement', null, ['class' => 'form-check-input', 'id' => 'activity_level_all']) !!}
                                Client and Agreement
                                </label>
                            </div>


                            <div class="form-check">
                                <label class="form-check-label">
                                    {!! Form::radio('activity_level', 'agreement', null, ['class' => 'form-check-input', 'id' => 'activity_level_agreement']) !!}
                                Agreement
                                </label>
                            </div>


                            <div class="form-check">
                                <label class="form-check-label">
                                    {!! Form::radio('activity_level', 'client', null, ['class' => 'form-check-input', 'id' => 'activity_level_client']) !!}
                                Client
                                </label>
                            </div>

                            <div class="form-check">
                                <label class="form-check-label">
                                    {!! Form::radio('activity_level', 'supplier', null, ['class' => 'form-check-input', 'id' => 'activity_level_supplier']) !!}
                                Supplier
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


             <hr class="dashed">

            <div class="row">
                <div class="col-md-10">
                    <div class="form-group">
                        {!! Form::label('start_date', 'Start date:', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10 small-bottom-padding">
                            <div class="input-group datepicker">
                                {!! Form::formattedDate('start_date', ['class' => 'form-control','type'=> 'text']) !!}
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                 </span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('end_date', 'End date:', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            <div class="input-group datepicker">
                                {!! Form::formattedDate('end_date', ['class' => 'form-control','type'=> 'text']) !!}
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                 </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <hr class="dashed">
            <div class="row">
                <div class="col-md-10">
                    <div id="agreement-range" class="hidden">
                        <div class = "form-group">
                            {!! Form::label('start_agreement_code', 'Start agreement:', ['class' => 'control-label col-sm-2']) !!}
                            <div class="col-sm-10  small-bottom-padding">
                            {!! Form::select('start_agreement_code', $agreement_list, null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class = "form-group">
                            {!! Form::label('end_agreement_code', 'End agreement:', ['class' => 'control-label col-sm-2']) !!}
                            <div class="col-sm-10">
                            {!! Form::select('end_agreement_code', $agreement_list, null, ['class' => 'form-control']) !!}
                            </div>
                        </div>
                    </div>

                    <div id="client-range" class="hidden">
                        <div class = "form-group">
                            {!! Form::label('start_client_code', 'Start client:', ['class' => 'control-label col-sm-2']) !!}
                            <div class="col-sm-10  small-bottom-padding">
                            {!! Form::select('start_client_code', $client_list, null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('end_client_code', 'End client:', ['class' => 'control-label col-sm-2']) !!}
                            <div class="col-sm-10">
                            {!! Form::select('end_client_code', $client_list, null, ['class' => 'form-control']) !!}
                            </div>
                        </div>
                    </div>

                    <div id="supplier-range" class="hidden">
                        <div class="form-group">
                            {!! Form::label('start_supplier_code', 'Start supplier:', ['class' => 'control-label col-sm-2']) !!}
                            <div class="col-sm-10  small-bottom-padding">
                            {!! Form::select('start_supplier_code', $supplier_list, null, ['class' => 'form-control']) !!}
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('end_supplier_code', 'End supplier:', ['class' => 'control-label col-sm-2']) !!}
                            <div class="col-sm-10">
                            {!! Form::select('end_supplier_code', $supplier_list, null, ['class' => 'form-control']) !!}
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <hr class="dashed">


            <div class="row">
                <div class="col-md-10">

                    <div class="form-group">
                        {!! Form::label('type_id', 'Activity type:', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            <div class="small-bottom-padding">
                            {!! Form::checkbox('all_types',1, true,['id' => 'cb_all_types'])  !!} All
                            </div>
                            {!! Form::fancySelect(
                                    'type_id[]',
                                     $type_list,
                                     ['class' => 'form-control', 'multiple', 'id' => 'type_id'],
                                     ['client_level', 'agreement_level', 'supplier_level'],
                                     null,
                                     false) !!}
                        </div>
                    </div>

                </div>
            </div>


            @include('reports.buttons', ['preview_only' => false])
        </div>

        {!! Form::close() !!}
    </div>
</div>

@stop


@section('scripts')


<script>

    var hilbitActivityReport = hilbitActivityReport || {};

    hilbitActivityReport = function () {

        var activity_types = [];

        var popActivityTypes = function (types) {
            this.activity_types = types;
        };


        var activityLevelOnChange = function (level) {
            switch (level) {
                case 'all':
                    $('#agreement-range').addClass("hidden");
                    $('#client-range').addClass("hidden");
                    $('#supplier-range').addClass("hidden");
                    break;
                case 'client_agreement':
                case  'client':
                    $('#agreement-range').addClass("hidden");
                    $('#client-range').removeClass("hidden");
                    $('#supplier-range').addClass("hidden");
                    break;

                case 'agreement':
                    $('#agreement-range').removeClass("hidden");
                    $('#client-range').addClass("hidden");
                    $('#supplier-range').addClass("hidden");
                    break;

                case  'supplier':
                    $('#agreement-range').addClass("hidden");
                    $('#client-range').addClass("hidden");
                    $('#supplier-range').removeClass("hidden");
                    break;
            }

            $('#type_id option').remove();

            $.each(this.activity_types, function (index, item) {
                if (index !== 0) {

                    if (level == 'all' ||
                       (level == 'client_agreement' && (item.client_level == 1 || item.agreement_level == 1)) ||
                       (level == 'client' && item.client_level) ||
                       (level == 'agreement' && item.agreement_level) ||
                       (level == 'supplier' && item.supplier_level)) {
                        $('#type_id').append($('<option>', {
                            'value': item.value,
                            'text': item.text,
                            'data-client_level' : item.client_level
                        }));
                    }
                }
            });

        };

      return {
            popActivityTypes : popActivityTypes,
            activityLevelOnChange :  activityLevelOnChange
        }

    }();

    $(function () {

        hilbit.ui.attachFormValidation('fm_activity_report');
        hilbit.ui.attachDatePicker('activity-report-options');

        $('#type_id').select2({
            placeholder: 'Click here to select activity types'
        });

        $('#activity_level_all').prop("checked", true);

        var activity_types = $('#type_id option').map(function () {
            return {value: $(this).val(),
                    text: $(this).text(),
                    client_level: $(this).data('client_level'),
                    agreement_level: $(this).data('agreement_level'),
                    supplier_level: $(this).data('supplier_level')};

        }).get();

        hilbitActivityReport.popActivityTypes(activity_types);
        hilbit.reports.setSelect('type_id', !$('#cb_all_types').is(':checked'));
        hilbitActivityReport.activityLevelOnChange('all');

        $("input[name='activity_level']").change(function () {
            hilbitActivityReport.activityLevelOnChange($(this).val());
        });

        $('#cb_all_types').click(function () {
            hilbit.reports.setSelect('type_id', !$('#cb_all_types').is(':checked'));
        });

         $('#btn_export').click(function () {
            $('#export').val(1);
            $(this).closest('form').submit();
        });

        $('#btn_preview').click(function () {
            $('#export').val(0);
            $(this).closest('form').submit();
        });

    });


</script>

@stop