@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.assets.form_title')) !!}</h3>    
    </div>
     
    <div class="panel-body">
        {!! Form::open(['url' => 'reports/assets/output', 'id' => 'fm-assets-report']) !!}  
        {!! Form::hidden('export', 0, ['id' => 'export']) !!}
        
        @include('errors.list')
        
        <div id="assets-report-options">
            <!--  start and end dates -->
            <div class="row">
                <div class="col-md-10">
                    <div class="form-group">     
                        {!! Form::label('start_date', 'Start date:', ['class' => 'control-label col-sm-3']) !!}
                        <div class="col-sm-9 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-3']) !!}
                        <div class="col-sm-9">
                            <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>    
           <!--  end of start and end dates -->
        
            <hr class="dashed">
            <!-- start of agreement selection -->
            <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-3']) !!}
                            <div class="col-sm-9  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-3']) !!}
                            <div class="col-sm-9">
                            {!! Form::select('end_agreement_code', $agreement_list, null, ['class' => 'form-control']) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end of agreement selection -->
            
            <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-3']) !!}
                        <div class="col-sm-9">
                            <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-3']) !!}
                        <div class="col-sm-9">
                            <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-3']) !!}
                        <div class="col-sm-9">
                            <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', 'id' => 'agreement_type_id']) !!} 
                        </div>
                    </div>
                        
                    <div class="form-group">
                        {!! Form::label('agreement_status_id', 'Agreement status:', ['class' => 'control-label col-sm-3']) !!}
                        <div class="col-sm-9">
                            <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>           
            </div>
                
            <hr class="dashed">
            
            <div class="row  small-bottom-padding">
                <div class="col-md-10">       
            
                    <div class="form-groupg">
                        {!! Form::label('asset_type_id', 'Asset type:', ['class' => 'control-label col-sm-3']) !!}
                        <div class="col-sm-9">
                            {!! Form::fancySelect('asset_type_id', $asset_type_list, ['class' => 'form-control', 'id' => 'asset_type_id'], ['provider_type_id'], null, false) !!} 
                        </div>
                    </div>
                     
                </div>
            </div>
                
            <div class="row">
                <div class="col-md-10">       
            
                    <div class="form-group">
                        {!! Form::label('provider_id', 'Supplier/Debtor/Associate:', ['class' => 'control-label col-sm-3']) !!}
                        <div class="col-sm-9">
                            <div class="small-bottom-padding">
                            {!! Form::checkbox('all_providers', 1, true, ['id' => 'cb_all_providers'])  !!} All
                            </div>
                            {!! Form::fancySelect('provider_id[]', $provider_list, ['class' => 'form-control', 'multiple', 'id' => 'provider_id'], ['type_id'], null, false) !!} 
                        </div>
                    </div>
                     
                </div>
            </div>
                
                
            @include('reports.buttons', ['preview_only' => false])
        </div>
           
        {!! Form::close() !!}
    </div>
</div>

@stop

@section('scripts')
      
<script>

    var hilbitAssetReport = hilbitAssetReport || {};
    
    hilbitAssetReport = function()
    {
        
        // Store array of provider option values and type_id data attribute for hiding/showing
        // options depending on asset type selection
        var provider_options = [];
        var provider_options_length;
        
        var setProviderOptions = function()
        {
             // Populate global array of provider option values and type_id data attributes
            $('#provider_id').children('option').each(function()
            {
                provider_options.push({'value' : $(this).val(), 'type_id' : $(this).data('type_id')}); 
            });
        
            // Store array length
            provider_options_length = provider_options.length;    
        };
        
        
        var onChangeAssetType = function(option)
        {            
            var provider_type_id = option.data('provider_type_id');
            
            // Loop through array of stored provider option values and show those with
            // type_id matching selected asset's provider_type_id data attribute. Hide the rest.
            for (var i = 0; i < provider_options_length; i++)
            {
                if (provider_options[i].type_id == provider_type_id)
                {
                   $('#provider_id').showOption(provider_options[i].value);     
                }
                else
                {
                    $('#provider_id').hideOption(provider_options[i].value);         
                }
            }
        };
        
        
        return {onChangeAssetType : onChangeAssetType,
                setProviderOptions : setProviderOptions}
        
    }();
    
    
    $(function () {
    

        hilbit.ui.attachFormValidation('fm-assets-report');
        hilbit.ui.attachDatePicker('assets-report-options');
        
        
        $('#agreement_status_id').select2({
            placeholder: 'Click here to select agreement status'
        });
        
        $('#provider_id').select2({
            placeholder: 'Click here to select supplier/debtor/associate'
        });

        $('#client_id').select2({
            placeholder: 'Click here to select clients'
        });
        
        hilbitAssetReport.setProviderOptions();
       
        hilbit.reports.setSelect('client_type_id',!$('#cb_all_client_types').is(':checked'));
        hilbit.reports.setSelect('client_id',!$('#cb_all_client').is(':checked'));
        hilbit.reports.setSelect('agreement_status_id',!$('#cb_all_agreement_status').is(':checked'));
        hilbit.reports.setSelect('agreement_type_id',!$('#cb_all_agreement_types').is(':checked'));
        hilbit.reports.setSelect('provider_id',!$('#cb_all_providers').is(':checked'));
    
        $('#cb_all_client_types').on("click", function()
        {
            hilbit.reports.setSelect('client_type_id',!$('#cb_all_client_types').is(':checked'));
        });
        
        $('#cb_all_client').click(function()
        {
            hilbit.reports.setSelect('client_id',!$('#cb_all_client').is(':checked'));
        })
        
        $('#cb_all_agreement_status').click(function()
        {
            hilbit.reports.setSelect('agreement_status_id',!$('#cb_all_agreement_status').is(':checked'));
        });
        
        $('#cb_all_agreement_types').click(function()
        {
            hilbit.reports.setSelect('agreement_type_id',!$('#cb_all_agreement_types').is(':checked'));
        });
        
        $('#cb_all_providers').click(function()
        {
            hilbit.reports.setSelect('provider_id',!$('#cb_all_providers').is(':checked'));
        });
        
        $('#asset_type_id').on("change", function()
        {
            var option = $('option:selected', this);
            hilbitAssetReport.onChangeAssetType(option);
        });
        
        $('#asset_type_id').trigger("change");
        
        
        $('#btn_preview').click(function()
        {
            $('#export').val(0);
            $(this).closest('form').submit();
        });
        
        $('#btn_export').click(function()
        {
            $('#export').val(1);
            $(this).closest('form').submit();
        });
        
    });
    

</script>
    
@stop