@extends('adminlte::page')

@section('title', 'Dashboard')



@section('content')

<div class="modal modal-lg" tabindex="-1" role="dialog" style="margin:0px auto">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content" style="height:600px">
        <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="750px" height="400px"></iframe>
        </div>

      </div>
    </div>
</div>

<div class="card card-default">
    <div class="card-header">Paid invoices
        <a href="/paid-invoices/create" style="float:right" class="btn btn-success"> <i class="fa fa-plus"></i> Add</a>
</div>
    <div class="card-body">

        @foreach($brokers as $broker)
        @if($broker->type!='billing_profile')
        <b>{{$broker->name}}</b>
        <table class="table table-bordered table-striped table-hover" style="margin-top:10px;margin-bottom:30px">
            <thead>

            </thead>

            <tbody>
                <tr>
                <th>Date</th>
                <th>USD</th>
                <th>Invoice</th>
                <th>CAD</th>
                <th>Invoice</th>
                <th>Status</th>
                <th>Edit</th>
                <th>Delete</th>
                </tr>
                <tr>
                    <th>Commision</th>
                    <td>{{$broker->profit()['profit_usd']}}</td>
                    <td></td>
                    <td>{{$broker->profit()['profit_cad']}}</td>
                    <th></th>
                </tr>
                <tr>
                    <th>Amount due</th>
                    <td>{{$broker->profit()['profit_usd'] - $broker->cost()['cost_usd'] - \App\PaidInvoice::where('broker_id',$broker->id)->sum('usd')}}</td>
                    <td></td>
                    <td>{{$broker->profit()['profit_cad'] - $broker->cost()['cost_cad'] - \App\PaidInvoice::where('broker_id',$broker->id)->sum('cad')}}</td>
                    <td></td>
                </tr>
                <tr>
                    <th>Total Costs</th>
                    <td>{{$broker->cost()['cost_usd']}}</td>
                    <td></td>
                    <td>{{$broker->cost()['cost_cad']}}</td>
                    <td></td>
                </tr>
                <tr>
                    <th>Total invoices</th>
                    <td>{{\App\PaidInvoice::where('broker_id',$broker->id)->sum('usd')}}</td>
                    <td></td>
                    <td>{{\App\PaidInvoice::where('broker_id',$broker->id)->sum('cad')}}</td>
                    <td></td>
                </tr>
                @foreach($broker->paidInvoices as $invoice)
                    <tr>
                        <td>{{$invoice->date->format('m/d/Y')}}</td>
                        <td>{{$invoice->usd}}</td>
                        <td>@if($invoice->invoice_usd!='')
                            <button class="btn btn-primary" link="/paid-invoices/{{$invoice->id}}/viewInvoiceUSD"><i class="fa fa-eye"></i> Preview</button>
                            @else <span style="color:red">Not uploaded</span>  @endif
                        </td>
                        <td>{{$invoice->cad}}</td>
                        <td>@if($invoice->invoice_cad!='')
                            <button class="btn btn-primary" link="/paid-invoices/{{$invoice->id}}/viewInvoiceCAD"><i class="fa fa-eye"></i> Preview</button>

                            @else <span style="color:red"> Not uploaded </span>@endif
                        </td>
                        <td>@if($invoice->paid=='Y') <span style="color:green">Paid</span>@else <span style="color:red">Not paid</span>@endif </td>
                    <td><a href="/paid-invoices/{{$invoice->id}}/edit" class="btn btn-warning"><i class="fa fa-edit"></i> Edit</a></td>
                    <td>
                    <form action="/paid-invoices/{{$invoice->id}}" method="POST">
                            @csrf
                            @method('DELETE')

                            <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure')"> <i class="fa fa-trash"></i> Delete</button>
                        </form>
                    </td>

                    </tr>
                @endforeach
            </tbody>
        </table>
        @else  @if($broker->name!='Fulger')<h4 class="callout callout-info">{{$broker->name}} has no paid invoices yet!</h4> @endif
        @endif
        @endforeach


    </div>
</div>




@stop


@section('css')

<style>
.modal {
    position: fixed;
    top: 10% !important;
    right: -10%;
}
</style>

@section('js')

<script>

    $('.btn').click(function(){
        var link=$(this).attr('link');
        // alert(link);
        // $('.modal').on('show',function(){
        //     $(this).find('.modal-content').val('asdas');
        // })
        var modal = $('.modal');
        modal.find('.modal-content p').html('');
        modal.find('.modal-content p').load(link);
        $('#iframe_preview').attr('src',link);

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

        // $('iframe').load(function() {
        //     $('.loading').hide();
        // });

    })

    </script>
@stop