@extends('layouts.main_without_top_button')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{ route('home') }}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{ route('clients.index') }}">Clients</a> <span class="divider">/</span></li>
        <li class="active">Loss Credit Note Report</li>
    </ul>
@stop
@section('contentinner')

    <style>
        table tbody td .number {
            text-align: right;
        }

        td.details-control {
            background: url('{{ URL::asset('img/details_open.png') }}') no-repeat center center;
            cursor: pointer;
        }

        tr.details td.details-control {
            background: url('{{ URL::asset('img/details_close.png') }}') no-repeat center center;
        }
    </style>
    <div class="tabbable">
        @include('clients.includes.client_summary')
        <div class="tab-content">

            <div id="glyphs" class="tab-pane active">

                <center>
                    <center style="margin-bottom: 8px">
                        <form class="form-inline">

                            <label class="control-label" for="Category"> Date from </label>
                            <select id="start_month" name="start_month" class="searchable_select" style="width: 80px">
                                <option value="ALL">ALL</option>
                                <option value="12" {{ date('m') == 12 ? 'selected' : '' }}>Dec</option>
                                <option value="11" {{ date('m') == 11 ? 'selected' : '' }}>Nov</option>
                                <option value="10" {{ date('m') == 10 ? 'selected' : '' }}>Oct</option>
                                <option value="09" {{ date('m') == 9 ? 'selected' : '' }}>Sept</option>
                                <option value="08" {{ date('m') == 8 ? 'selected' : '' }}>Aug</option>
                                <option value="07" {{ date('m') == 7 ? 'selected' : '' }}>Jul</option>
                                <option value="06" {{ date('m') == 6 ? 'selected' : '' }}>Jun</option>
                                <option value="05" {{ date('m') == 5 ? 'selected' : '' }}>May</option>
                                <option value="04" {{ date('m') == 4 ? 'selected' : '' }}>Apr</option>
                                <option value="03" {{ date('m') == 3 ? 'selected' : '' }}>Mar</option>
                                <option value="02" {{ date('m') == 2 ? 'selected' : '' }}>Febr</option>
                                <option value="01" {{ date('m') == 1 ? 'selected' : '' }}>Jan</option>
                            </select>
                            <select id="start_day" name="start_day" class="searchable_select" style="width: 80px">
                                <option value="ALL">D</option>
                                @foreach ($days as $day)
                                    <option value="{{ $day }}" {{ $day == 1 ? 'selected' : '' }}>
                                        {{ $day }}</option>
                                @endforeach
                            </select>
                            <select id="start_year" name="start_year" class="searchable_select" style="width: 80px">
                                <option value="ALL">Y</option>
                                @foreach ($years as $year)
                                    <option value="{{ $year }}" {{ date('Y') == $year ? 'selected' : '' }}>
                                        {{ $year }}</option>
                                @endforeach
                            </select>
                            <label class="control-label" for="Category"> Date To </label>
                            <select id="end_month" name="end_month" class="searchable_select" style="width: 80px">
                                <option value="ALL">ALL</option>
                                <option value="12" {{ date('m') == 12 ? 'selected' : '' }}>Dec</option>
                                <option value="11" {{ date('m') == 11 ? 'selected' : '' }}>Nov</option>
                                <option value="10" {{ date('m') == 10 ? 'selected' : '' }}>Oct</option>
                                <option value="09" {{ date('m') == 9 ? 'selected' : '' }}>Sept</option>
                                <option value="08" {{ date('m') == 8 ? 'selected' : '' }}>Aug</option>
                                <option value="07" {{ date('m') == 7 ? 'selected' : '' }}>Jul</option>
                                <option value="06" {{ date('m') == 6 ? 'selected' : '' }}>Jun</option>
                                <option value="05" {{ date('m') == 5 ? 'selected' : '' }}>May</option>
                                <option value="04" {{ date('m') == 4 ? 'selected' : '' }}>Apr</option>
                                <option value="03" {{ date('m') == 3 ? 'selected' : '' }}>Mar</option>
                                <option value="02" {{ date('m') == 2 ? 'selected' : '' }}>Febr</option>
                                <option value="01" {{ date('m') == 1 ? 'selected' : '' }}>Jan</option>
                            </select>
                            <select id="end_day" name="end_day" class="searchable_select" style="width: 80px">
                                <option value="ALL">D</option>
                                @foreach ($days as $day)
                                    <option value="{{ $day }}" {{ $day == date('d') ? 'selected' : '' }}>
                                        {{ $day }}</option>
                                @endforeach
                            </select>
                            <input type="hidden" name="client_id" id="client_id"  value="{{ $client->id }}">
                            <select id="end_year" name="end_year" class="searchable_select" style="width: 80px">
                                <option value="ALL">Y</option>
                                @foreach ($years as $year)
                                    <option value="{{ $year }}" {{ date('Y') == $year ? 'selected' : '' }}>
                                        {{ $year }}</option>
                                @endforeach
                            </select>
                            <a type="button" class="btn" id="re_generate_report">RE-GENERATE</a>
                            <a type="button" class="btn" id="print_generate_report">PRINT</a>
                           
                        </form>
                    </center>
                    <div id="income_statement">
                        {{-- @include('clients.profile.journal_vouchers.loss_credit_notes.re_generated.credit_note_regenerate') --}}
                    </div>
                </center>

            </div><!--tab-pane-->
        </div>
    </div>
    <script>
        jQuery('.date_picker').datepicker();

        jQuery('#re_generate_report').on('click', function(e) {
            e.preventDefault();
            jQuery.ajax({
                url: '{{ route('credit-notes.invoice-losses.report.re_generated') }}',
                type: 'get',
                data: jQuery('form').serialize(),
                beforeSend: function() {
                    startSpinner();
                },
                success: function(data) {
                    jQuery('#income_statement').empty().append(data);

                },
                complete: function() {
                    stopSpinner();
                },
                error: function(xhr, textStatus, error) {
                    console.log(error);
                    console.log(textStatus);
                    stopSpinner();
                }
            });
        });

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


            let url =
                '{{ route('credit-notes.invoice-losses.printOut', [
                    'client_id' => ':client_id',
                    'start_month' => ':start_month',
                    'start_day' => ':start_day',
                    'start_year' => ':start_year',
                    'end_month' => ':end_month',
                    'end_day' => ':end_day',
                    'end_year' => ':end_year',
                ]) }}';
            let client_id = $('#client_id').val();
            let start_month = $('#start_month').val();
            let start_day = $('#start_day').val();
            let start_year = $('#start_year').val();

            let end_month = $('#end_month').val();
            let end_day = $('#end_day').val();
            let end_year = $('#end_year').val();

            

            url = url.replace(':client_id', client_id);
            url = url.replace(':start_month', start_month);
            url = url.replace(':start_day', start_day);
            url = url.replace(':start_year', start_year);
            url = url.replace(':end_month', end_month);
            url = url.replace(':end_day', end_day);
            url = url.replace(':end_year', end_year);
            

            window.open(url, '_blank');
        });
    </script>
@stop