@extends('layouts.main_without_top_button')
@section('title')
    Mounted Tires
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Reports</a> <span class="divider">/</span></li>
        <li class="active">Mounted Tires</li>
    </ul>
@stop
@section('contentinner')
  

    <div class="tabbable">
        <div class="tab-pane active" style="margin-top: 12px">
            <center>
                <center style="margin-bottom: 8px">
                    <form class=" form-inline">
                        <label class="control-label" for="Category"> Asset </label>
                        <select name="asset_assignment_id" id="asset_assignment_id" style="width: 200px" >
                            <option value="ALL">ALL</option>
                            @foreach($assets as $asset)
                                <option value="{{$asset->asset_assignment_id}}">{{$asset->name}}</option>
                            @endforeach
                        </select>
                        <button type="submit" class="btn" id="re_generate_report">RE-GENERATE</button>
                        <a id="print_generate_report" class="btn" style="" data-href="">PRINT</a>
                    </form>
                </center>

                <div id="income_statement"></div>
            </center>
        </div><!--tab-pane-->
    </div><!--tabbable-->
    <script>
        $('.date_picker').datepicker({dateFormat: 'dd-mm-yy'}).val();
        $('#asset_assignment_id,#cargo_type').select2();


        jQuery('#re_generate_report').on('click', function (e) {
            e.preventDefault();

            jQuery.ajax({
                url: '{{route('asset_register.reports.mounted_tires.re_generated')}}',
                type: 'get',
                data: jQuery('form').serialize(),
                beforeSend: function () {
                    startSpinner()
                },
                success: function (data) {
                    jQuery('#income_statement').empty().append(data);
                    calculateWidth();
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error)
                },
                complete: function () {
                    stopSpinner();
                }
            });

        });

        $('#print_generate_report').on('click', function (e) {
            e.preventDefault();

            var url = '{{ route('reports.route_assignments.trip_expenses_summary.print',[':start_date',':end_date',':cargo_type',':destination_id']) }}';
            url = url.replace(':start_date', $('#start_date').val());
            url = url.replace(':end_date', $('#end_date').val());
            url = url.replace(':destination_id', $('#destination_id').val());
            url = url.replace(':cargo_type', $('#cargo_type').val());

            window.open(url, '_blank');

        });


        jQuery('#export_generate_report').on('click', function (e) {
            e.preventDefault();
            var url = jQuery('#income_statement_date').attr("data-href");
            window.open(url, '_blank');
        });

        jQuery(document).ready(function () {
            calculateWidth();
        });
        jQuery(window).resize(function () {
            var viewportWidth = jQuery(window).width();
            var leftpanel = jQuery('#leftpanel').width();

            jQuery('#income_statement').css({
                "width": viewportWidth-leftpanel
            });

        });
        function calculateWidth(){
            var viewportWidth = jQuery(window).width();
            var leftpanel = jQuery('#leftpanel').width();

            jQuery('#income_statement').css({
                "width": viewportWidth-leftpanel,
                "overflow": "scroll",
            });
        }
    </script>
@stop