@extends('adminlte::page')

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title"><b>Summary </b></h3>

            <form action="/weekly-reports/summary" method="get" style="float:right">
                <label for="week_id">Week ID</label>

                <select name="week_id[]" id="week_id" style="width:200px">
                    {{-- <option value="all">All</option> --}}
                    @foreach ($week_ids as $wi)
                        <option value="{{ $wi['wi'] }}" @if (!empty(Request()->week_id))  @foreach (Request()->week_id as $week_id)
                            @if ($wi['wi'] == $week_id) selected @endif
                            @endforeach
                    @endif>{{ $wi['label']['week_start'] }} - {{ $wi['label']['week_end'] }}
                    </option>
                    @endforeach
                </select>


                <input type="submit" value="Filter">
            </form>

        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <div class="form-inline">
            @foreach ($carrierLegends as $legend)
               <div style="width:60px;height:20px;background-color:{{$legend->color}};margin-right:5px;margin-left:5px"> </div> <b>{{$legend->description}}</b>
            @endforeach
            </div>
            @if ($selected_week_id != null && count(explode(',', $selected_week_id)) == 1)

                <div style="float:right">
                    <a @if (isset(Request()->week_id)) href="/carrier-payments/export?week_id={{ Request()->week_id[0] }}"                       
                    @else
                        href="/carrier-payments/export" @endif class="btn btn-sm btn-success"
                        style="float:right;margin-right:10px">Quickbooks Export</a>
                    <a href="/weekly-reports/summary?download-all-reports&week_id[]={{ $selected_week_id }}"
                        style="float:right;margin-right:5px" class="btn btn-sm btn-info">Download all reports</a>
                </div>
            @endif
            <table class="table table-striped table-bordered" id="summary">
                <thead style="text-align: center">
                    <th style="width:500px">Carrier name</th>
                    <th>#Trans</th>
                    <th>Total</th>
                    <th>Discount</th>
                    <th>TTP no HST</th>
                    <th>TTP</th>
                    <th>Total charge</th>
                    <th>Country</th>
                    <th>Weekly report</th>
                    <th>Send</th>
                    <th>Notes</th>
                    <th>Invoice prefix</th>
                    <th>Invoice #</th>
                </thead>
                <tbody>
                    @foreach ($report as $carrier)
                        <tr @if($carrier->carrier->colorLegend!=null)
                            style="background-color:{{$carrier->carrier->colorLegend->color}}" 
                        @endif> 
                            <td><a
                                    href="/weekly-reports/{{ $carrier->carrier->id }}/view-summary">{{ $carrier->carrier->name }}</a>
                            </td>
                            <td>{{ $carrier->transactions_no }}</td>
                            <td>{{ number_format($carrier->total_sum, 2) }}</td>
                            <td>{{ number_format($carrier->total_discount, 2) }}</td>
                            <td>
                                @if ($carrier->us_can == 'CAN')
                                    {{ number_format($carrier->total_ttp2 - $carrier->hst, 2) }}@endif
                            </td>
                            <td>{{ number_format($carrier->total_ttp2, 2) }}</td>
                            <td style="background-color:lemonchiffon"> {{number_format(($carrier->total_ttp2+$carrier->carrier->efsTotal($carrier->us_can,$selected_week_id)),2)}}</td>
                            <td>{{ $carrier->us_can }}</td>
                            <td><button class="btn btn-primary"
                                    link="{{ $carrier->carrier->id }}/preview?currency={{ $carrier->us_can }}&week_id={{ $selected_week_id }}">Preview</button>
                            </td>
                            <td>
                                @if ($carrier->carrier->email_agreement == 'Y')
                                    @if ($carrier->carrier->hasReportGenerated($selected_week_id, $carrier->us_can)->count() == 0)
                                        @if ($selected_week_id != null && count(explode(',', $selected_week_id)) == 1)
                                            <a href="javascript:void(0)" carrier_id="{{ $carrier->carrier->id }}"
                                                currency="{{ $carrier->us_can }}" week_id="{{ $selected_week_id }}"
                                                class="send_button">Send</a>
                                            <span> </span>
                                        @endif
                                    @else
                                        {{ $carrier->carrier->hasReportGenerated($selected_week_id, $carrier->us_can)->first()->status }}
                                    @endif

                                @endif
                            </td>
                            <td>{{ $carrier->carrier->notes }}</td>
                            {{-- <td>{{number_format(($carrier->total_sum+$carrier->total_fee+$carrier->total_ca_fee),2)}}</td> --}}
                            <td>{{ $carrier->carrier->invoice_prefix }}</td>
                            <td>{{ $carrier->carrier->invoice_no }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <p>{{ $report->count() }} carriers</p>
            @if ($selected_week_id != null && count(explode(',', $selected_week_id)) == 1)
                <p style="text-align:center">
                    <span id="week_reports_no">{{ $week_reports }}</span> reports generated <a
                        href="/settings/email">View</a>
                </p>
            @endif

        </div>
        <!-- /.card-body -->
    </div>

@stop


@section('css')
    <link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://unpkg.com/multiple-select@1.5.2/dist/multiple-select.min.css">

    <style>
        .loading {
            width: 300px;
            padding: 20px;
            background: orange;
            color: white;
            text-align: center;
            margin: 0 auto;
        }

        .modal {
            position: fixed;
            top: 1% !important;
            left: 5%;
        }

    </style>

@stop
@section('js')
    <div class="modal modal-xl" tabindex="-1" role="dialog" style="margin:0px auto">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Preview</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <iframe src="" id="iframe_preview" frameborder="0" width="1100px" height="800px"></iframe>
                </div>

            </div>
        </div>
    </div>
    <script src="https://unpkg.com/multiple-select@1.5.2/dist/multiple-select.min.js"></script>

    <script>
        $(function() {
            $("#summary").DataTable({
                "paging": false,
                "searching": false,
                "bInfo": false
            });

            $('#week_id').multipleSelect();

        });

        $('.btn').click(function() {
            var link = $(this).attr('link');
            var modal = $('.modal');
            $('#iframe_preview').attr('src', '');

            modal.find('.modal-content p').load(link);
            $('#iframe_preview').attr('src', link);


            $('.modal').modal({
                show: true
            })



        });

        $('.send_button').click(function(e) {
            var carrier_id = $(this).attr('carrier_id');
            var currency = $(this).attr('currency');
            var week_id = $(this).attr('week_id');
            var reports_no = $('#week_reports_no').text();
            var td = $(this).closest('td');

            $.get("/weekly-reports/send-report/" + carrier_id + "?currency=" + currency + "&week_id=" + week_id,
                function() {
                    $('#week_reports_no').text(parseInt(reports_no) + 1);
                    td.html('pending');

                });

            $(this).hide();
            e.preventDefault();
        });

    </script>
@stop