@extends('layout.padrao')
@section('content')
<!-- <div class="row">
    <div class="col col-lg-3 col-sm-12 col-md-12">
        <img src="{!! asset('/image/csa_Logo150x143.png') !!}" alt="profile Pic" style="height:100px; margin: -10px 0 15px 15px;">
    </div>
    <div class="col col-lg-7 col-sm-12 col-md-12"></div>    
        <!-- EXCHANGERATES.ORG.UK RATES TABLE LIVE START
   
<!-- EXCHANGERATES.ORG.UK RATES TABLE LIVE END
</div> -->

<div class="row">
    <div class="col col-lg-8 col-sm-12 col-md-12 form-group">
        <iframe width="100%" height="1000" src="https://app.powerbi.com/reportEmbed?reportId=b854ca51-89fc-414e-ac08-d4dcb0c91954&autoAuth=true&ctid=2d3f9626-06dd-436c-b81c-2443c8a872da&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLXdlc3QtZXVyb3BlLXJlZGlyZWN0LmFuYWx5c2lzLndpbmRvd3MubmV0LyJ9" frameborder="0" allowFullScreen="true"></iframe>
    </div>
    <div class="col col-lg-4 col-sm-12 col-md-12 form-group">
        <h4>Loading Forecast </h4>
        <table class="table table-striped table-sm "  style="font-size: 10px; text-align: center; border: 1px solid #ccc;">
                        <thead>
                            <tr class="aling-th" >
                                <th>Week</th>
                                <th>FCL (Total)</th>
                                <th>TEU's (Total)</th>
                                <th>Processos (Total)</th>
                            </tr>
                        </thead>
                        <tbody>

                            @forelse ($forcastVolumn as $volumn)
                                <tr>
                                    <td>
                                        {!!($volumn[0]->currentWeek ? $volumn[0]->currentWeek : '-')!!} -
                                        ({!!($volumn[0]->firstday ? (date( 'jS F' , strtotime($volumn[0]->firstday))) : '-' )!!} - 
                                        {!!($volumn[0]->lastday ? (date( 'jS F' , strtotime($volumn[0]->lastday))) : '-')!!})
                                    </td>
                                    <td>
                                        {!!($volumn[0]->Qty ? $volumn[0]->Qty : '-')!!}
                                    </td>
                                    <td>
                                        {!!($volumn[0]->teus ? $volumn[0]->teus : '-')!!}
                                    </td>
                                    <td>
                                        {!!($volumn[0]->Processos ? $volumn[0]->Processos : '-')!!}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>
                                        -
                                    <td>
                                        -
                                    </td>
                                    <td>
                                        -
                                    </td>
                                    <td>
                                        -
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
            </table>
            <h4>Vessel Deadlines Forecast</h4>
        <table class="table table-striped table-sm"  style="font-size: 10px; text-align: center; border: 1px solid #ccc;">
        
                        <thead>
                            <tr class="aling-th" >
                                <th>Week</th>

                                    <th>Vessel</th>
                                
                            </tr>
                        </thead>
                        <tbody>

                            @forelse ($VesselDeadlines as $volumn)

                                <tr>
                                    <td>
                                        {!!($volumn[0]->currentWeek ? $volumn[0]->currentWeek : '-')!!} -
                                        ({!!($volumn[0]->firstday ? (date( 'jS F' , strtotime($volumn[0]->firstday))) : '-' )!!} - 
                                        {!!($volumn[0]->lastday ? (date( 'jS F' , strtotime($volumn[0]->lastday))) : '-')!!})
                                       
                                        
                                    </td>
                                    <td>
                                    @forelse ($volumn as $vessels)
                                        @if (count($volumn) === 1)
                                             - 
                                        @elseif (count($volumn) > 1)
                                            @if($vessels->vessel)
                                            <i class="fas fa-ship"></i> {{$vessels->vessel}}  &nbsp;&nbsp;
                                            @endif
                                        @else
                                            -
                                        @endif
                                       
                                    @empty

                                            -
                                       
                                    @endforelse
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>
                                        -
                                    </td>
                                    <td>
                                        -
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
            </table>
    </div>
    
    <!-- <div class="col col-lg-2 col-sm-12 col-md-12 form-group">
   <a target="_blank" href="https://www.booked.net/weather/sao-paulo-18266"><img src="https://w.bookcdn.com/weather/picture/4_18266_1_1_31556d_197_ffffff_333333_08488D_1_ffffff_333333_0_6.png?scode=2&domid=w209&anc_id=47568"  alt="booked.net"/></a>
    </div>
    <div class="col col-lg-2 col-sm-12 col-md-12 form-group">
        <div style="width:148px; margin:0 0 0 30px; padding:0; background:#FFFFFF;">
            <div style="width:148px; text-align:center; padding:2px 0px;background:#1f3544;font-family:arial;font-size:11px;color:#FFFFFF;font-weight:bold;vertical-align:middle;">
            CURRENCY RATES
            </div>
                <div style="padding:5px;text-align:center;">
                    <script type="text/javascript">
                        var nb = '10';
                        var tz = 'userset';
                        var mc = 'USD';
                        var c1 = 'BRL';
                        var c1 = 'BRL';
                        var c2 = 'EUR';
                        var c2 = 'EUR';
                        var c3 = 'AUD';
                        var c3 = 'AUD';
                        var c4 = 'JPY';
                        var c4 = 'JPY';
                        var c5 = 'CAD';
                        var c5 = 'CAD';
                        var c6 = 'USD';
                        var c6 = 'USD';
                        var c7 = 'ZAR';
                        var c7 = 'ZAR';
                        var c8 = 'NZD';
                        var c8 = 'NZD';
                        var c9 = 'SGD';
                        var c9 = 'SGD';
                        var c10 = 'CNY';
                        var c10 = 'CNY';
                        var convert = 'CONVERT';
                        var to = 'TO';
                        var linec = '0077CC';
                        var fillc = 'E6F2FA';
                        var bdr = 'F5F5F5';
                        var mcol = '666666';
                        var mbg = 'FFFFFF';
                        var f = 'arial';
                        var fs = '11';
                        var fc = '005CAD';
                        var tf = 'arial';
                        var ts = '14';
                        var tc = 'FFFFFF';
                    </script>
                    <script type="text/javascript" src="https://www.currency.me.uk/remote/ER-RT-1.php"></script>
                </div>
        </div>
    </div> 
    <div class="col col-lg-12 col-sm-12 col-md-12 form-group">
        <h4>Vessel Deadlines Forecast</h4>
        <table class="table table-striped table-sm"  style="font-size: 10px; text-align: center; border: 1px solid #ccc;">
        
                        <thead>
                            <tr class="aling-th" >
                                <th>Week</th>

                                    <th>Vessel</th>
                                
                            </tr>
                        </thead>
                        <tbody>

                            @forelse ($VesselDeadlines as $volumn)

                                <tr>
                                    <td>
                                        {!!($volumn[0]->currentWeek ? $volumn[0]->currentWeek : '-')!!} -
                                        ({!!($volumn[0]->firstday ? (date( 'jS F' , strtotime($volumn[0]->firstday))) : '-' )!!} - 
                                        {!!($volumn[0]->lastday ? (date( 'jS F' , strtotime($volumn[0]->lastday))) : '-')!!})
                                       
                                        
                                    </td>
                                    <td>
                                    @forelse ($volumn as $vessels)
                                        @if (count($volumn) === 1)
                                             - 
                                        @elseif (count($volumn) > 1)
                                            @if($vessels->vessel)
                                            <i class="fas fa-ship"></i> {{$vessels->vessel}}  &nbsp;&nbsp;
                                            @endif
                                        @else
                                            -
                                        @endif
                                       
                                    @empty

                                            -
                                       
                                    @endforelse
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>
                                        -
                                    </td>
                                    <td>
                                        -
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
            </table>
    </div>-->
</div>
<br>
<span class='sep-line align-items-center'></span>
@include('include.interactiveButtons')

@endSection