@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.payment_liability.form_title')) !!}</h3>
    </div>

    <div class="panel-body">

        {!! Form::open(['url' => 'reports/payment-liability/output', 'id' => 'fm_payment_liability_report']) !!}
        {!! Form::hidden('export', 0, ['id' => 'export']) !!}

        @include('errors.list')

        <div id="payment-liability-report-options">
            <div class="row">
                <div class="col-md-10">

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

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


                            <div class="form-check">
                                <label class="form-check-label">
                                    {!! Form::radio('report_level', 'agreement', null, ['class' => 'form-check-input', 'id' => 'report_level_agreement']) !!}
                                Agreement
                                </label>
                            </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>
            </div>

            <hr class="dashed">

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

                   <div class="form-group">
                       {!! Form::label('as_at_date', 'As at date:', ['class' => 'control-label col-sm-2']) !!}
                       <div class="col-sm-10 small-bottom-padding">
                           <div class="input-group datepicker">
                               {!! Form::formattedDate('as_at_date', ['class' => 'form-control','type'=> 'text', 'required']) !!}
                               <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 class="form-group">
                        {!! Form::label('agreement_type_id', 'Agreement type:', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            <div class="small-bottom-padding">
                            {!! Form::checkbox(
                                        'all_agreement_types',
                                        1,
                                        true,
                                       ['id' => 'cb_all_agreement_types']) !!}
                             All
                            </div>
                            {!! Form::select('agreement_type_id[]', $agreement_type_list, null, ['class' => 'form-control', 'multiple', 'id' => 'agreement_type_id']) !!}
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('payment_type_id', 'Transaction type:', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            <div class="small-bottom-padding">
                            {!! Form::checkbox('all_payment_types', 1, true,['id' => 'cb_all_payment_types'])  !!} All
                            </div>
                            {!! Form::select('payment_type_id', $payment_type_list, null, ['class' => 'form-control', 'id' => 'payment_type_id']) !!}
                        </div>
                    </div>
                </div>
            </div>


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

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

@stop


@section('scripts')


<script>

    var hilbitPaymentLiabilityReport = hilbitPaymentLiabilityReport || {};

    hilbitPaymentLiabilityReport = function () {

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

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

      return {
            reportLevelOnChange :  reportLevelOnChange
        }

    }();

    $(function () {

        hilbit.ui.attachFormValidation('fm_payment_liability_report');
        hilbit.ui.attachDatePicker('payment-liability-report-options');

        $('#report_level_client').prop("checked", true);
        
        $('#agreement_type_id').select2({
            placeholder: 'Click here to select agreement type'
        });

        hilbitPaymentLiabilityReport.reportLevelOnChange('client');

        $("input[name='report_level']").change(function () {
            hilbitPaymentLiabilityReport.reportLevelOnChange($(this).val());
        });

        hilbit.reports.setSelect('payment_type_id', !$('#cb_all_payment_types').is(':checked'));
        hilbit.reports.setSelect('agreement_type_id', !$('#cb_all_agreement_types').is(':checked'));

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

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

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

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


</script>

@stop