@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.transaction_summary.form_title')) !!}</h3>       
    </div>
        
    <div class="panel-body">

        {!! Form::open(['url' => 'reports/transaction_summary/output', 'id' => 'fm_transaction_summary_report']) !!} 
        {!! Form::hidden('export', 0, ['id' => 'export']) !!}
        
        @include('errors.list')
        
        <div id="transaction-summary-report-options">    
                
            <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">
                        <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>
            </div>
                
            <hr class="dashed">
  
            <div class="row">
            
                <div class="col-md-10">

                    <div class="form-group">
                        {!! Form::label('client_type_id', 'Client type:', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            <div class="small-bottom-padding">
                            {!! Form::checkbox('all_client_types', 1, true, ['id' => 'cb_all_client_types'])  !!} All
                            </div>
                            {!! Form::select('client_type_id', $client_type_list, null, ['class' => 'form-control', 'id' => 'client_type_id']) !!} 
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('client_id', 'Client :', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            <div class="small-bottom-padding">
                            {!! Form::checkbox('all_client', 1, true, ['id' => 'cb_all_client'])  !!} All
                            </div>
                            {!! Form::select('client_id[]', $client_list, null, ['class' => 'form-control', 'multiple', 'id' => 'client_id']) !!} 
                        </div>
                    </div>
                        
                    <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','data-toggle' => 'tooltip', 'title' => ucfirst(trans('hilbit.report.excluded_agreement_types_hint'))])  !!} <span data-toggle="tooltip" title="{{ ucfirst(trans('hilbit.report.excluded_agreement_types_hint')) }}">All</span>
                            </div>
                            {!! Form::select('agreement_type_id', $agreement_type_list, null, ['class' => 'form-control', 'id' => 'agreement_type_id']) !!} 
                        </div>
                    </div>
                        
                    <div class="form-group">
                        {!! Form::label('agreement_status_id', 'Agreement status:', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            <div class="small-bottom-padding">
                            {!! Form::checkbox('all_agreement_status',1, true, ['id' => 'cb_all_agreement_status'])  !!} All
                            </div>
                            {!! Form::select('agreement_status_id[]', $agreement_status_list, null, ['class' => 'form-control', 'multiple', 'id' => 'agreement_status_id']) !!} 
                        </div>
                    </div>  

                    <div class="form-group">
                        {!! Form::label('transaction_type_id', 'Transaction Type:', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            <div class="small-bottom-padding">
                            {!! Form::checkbox('all_transaction_types',1, true, ['id' => 'cb_all_transaction_types'])  !!} All
                            </div>
                            {!! Form::select('transaction_type_id[]', $transaction_type_list, null,  ['class' => 'form-control', 'multiple', 'id' => 'transaction_type_id']) !!} 
                        </div>
                    </div>   
  
                    
                    <div class="form-group">
                        {!! Form::label('include_history', 'Include history?', ['class' => 'control-label col-sm-2']) !!}
                        <div class="col-sm-10">
                            {!! Form::checkbox('include_history',1, true, ['id' => 'cb_include_history'])  !!}
                        </div>
                    </div>   
                        
                </div>    
                    
            </div>
                   
            @include('reports.buttons', ['preview_only' => false])
        </div>
           
        {!! Form::close() !!}
    </div>
</div>

@stop


@section('scripts')
    
    
<script>
    
    var hilbitTransactionSummaryReport = hilbitTransactionSummaryReport || {};
    
    hilbitTransactionSummaryReport = function()
    {      
        
        var setSelect = function (select_id, on)
        {
            if (!on)
            {
                $('#' + select_id).prop('disabled', true);
                $('#' + select_id).addClass('hidden');   
            }
            else
            { 
                $('#' + select_id).prop('disabled', false);
                $('#' + select_id).removeClass('hidden');
            }    
        };
        
      return {
            setSelect : setSelect
        }
   
    }();
    
    $(function () {
        
        hilbit.ui.attachFormValidation('fm_transaction_summary_report');

        hilbit.ui.attachDatePicker('transaction-summary-report-options');
        
        $('#agreement_status_id').select2({
            placeholder: 'Click here to select agreement status'
        });
        
        $('#transaction_type_id').select2({
            placeholder: 'Click here to select transaction types'
        });

        $('#client_id').select2({
            placeholder: 'Click here to select clients'
        });

        
        hilbitTransactionSummaryReport.setSelect('client_type_id',!$('#cb_all_client_types').is(':checked'));
        hilbitTransactionSummaryReport.setSelect('agreement_status_id',!$('#cb_all_agreement_status').is(':checked'));
        hilbitTransactionSummaryReport.setSelect('client_id',!$('#cb_all_client').is(':checked'));
        hilbitTransactionSummaryReport.setSelect('agreement_type_id',!$('#cb_all_agreement_types').is(':checked'));
        hilbitTransactionSummaryReport.setSelect('transaction_type_id',!$('#cb_all_transaction_types').is(':checked'));
        
        $('#cb_all_client_types').click(function()
        {
            hilbitTransactionSummaryReport.setSelect('client_type_id',!$('#cb_all_client_types').is(':checked'));
        });
        
        $('#cb_all_agreement_status').click(function()
        {
            hilbitTransactionSummaryReport.setSelect('agreement_status_id',!$('#cb_all_agreement_status').is(':checked'));
        });
        
        $('#cb_all_agreement_types').click(function()
        {
            hilbitTransactionSummaryReport.setSelect('agreement_type_id',!$('#cb_all_agreement_types').is(':checked'));
        });

        $('#cb_all_client').click(function()
        {
            hilbitTransactionSummaryReport.setSelect('client_id',!$('#cb_all_client').is(':checked'));
        });
        
        $('#cb_all_transaction_types').click(function()
        {
            hilbitTransactionSummaryReport.setSelect('transaction_type_id',!$('#cb_all_transaction_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