@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">
        @if($selected_week_id!=null && count(explode(",",$selected_week_id))==1)

        <div style="float:right">
            <a href="/weekly-reports/summary?quickbooks-export&week_id={{$selected_week_id}}" style="float:right;"
                class="btn btn-sm btn-info">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>Country</th>
                <th>Weekly report</th>
                <th>Send</th>
                <th>Notes</th>
            </thead>
            <tbody>
                @foreach($report as $carrier)
                <tr>
                    <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 style="background-color:lemonchiffon">{{number_format($carrier->total_ttp2,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>
                </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