@extends('adminlte::page')


@section('content')
<div class="col-12 ">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title"><b>Savings by carrier </b> </h3>
            
            <form action="/revenue-carrier" method="post" style="float:right">
                @csrf
                <div class="form-group form-inline fa-pull-right">

                    <label for="broker">Broker</label>
                    <select name="broker_id" id="broker" class="form-control">
                        @foreach($brokers as $broker)
                            <option value="{{$broker->id}}" @if($selected_broker!=null && $selected_broker==$broker->id) selected @endif>{{$broker->name}}</option>
                        @endforeach
                    </select>

                    <label for="week_id">Week ID</label>
                    
                    <select name="week_id" id="week_id" class="form-control">
                        @foreach($week_ids as $week_id)
                            <option value="{{$week_id->week_id}}" @if($week_id->week_id==request()->week_id) selected @endif>{{$week_id->week_id}}</option>
                        @endforeach
                    </select>


                    {{--<input type="date" name="month" class="form-control" @if($month!=null) value="{{$month}}" @endif placeholder="Month"/>--}}
                    <input type="submit" class="btn btn-sm btn-success" value="Filter">
                </div>
            </form>
            <a href="/revenue-carrier-chart" style="float:right;margin-right:15px" class="btn btn-sm btn-success"> Chart</a>

        </div>
        <!-- /.card-header -->
        <div class="card-body">

            <table class="table datatables table-bordered table-striped">
                <thead style="text-align: center">
                    <tr>
                        <th style="width: 150px;vertical-align:middle;" rowspan="2">Name</th>
                        <th colspan="2">Radu</th>
                        <th colspan="2">Vasi</th>
                        <th colspan="2">Pete</th>
                        <th colspan="2">Gelly</th>
                        <th colspan="2">Marcel</th>
                        <th colspan="2">Arslan</th>
                    </tr>
                    <tr style="text-align: center">
                        <td>US</td>
                        <td>CAN</td>
                        <td>US</td>
                        <td>CAN</td>
                        <td>US</td>
                        <td>CAN</td>
                        <td>US</td>
                        <td>CAN</td>
                        <td>US</td>
                        <td>CAN</td>
                        <td>US</td>
                        <td>CAN</td>
                    </tr>
                </thead>
                <tbody>
                    @foreach($report as $carrier)
                        <tr>
                            <td>{{$carrier->carrier->name}}</td>
                            <td>{{$carrier->pru}}</td>
                            <td>{{$carrier->prc}}</td>
                            <td>{{$carrier->pvu}}</td>
                            <td>{{$carrier->pvc}}</td>
                            <td>{{$carrier->ppu}}</td>
                            <td>{{$carrier->ppc}}</td>
                            <td>{{$carrier->pgu}}</td>
                            <td>{{$carrier->pgc}}</td>
                            <td>{{$carrier->pmu}}</td>
                            <td>{{$carrier->pmc}}</td>
                            <td>{{$carrier->pau}}</td>
                            <td>{{$carrier->pac}}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>


        </div>
        <!-- /.card-body -->
    </div>
</div>
@stop
@section('css')
<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<style>
.row {
    width:100% !important;
}
@media (max-width: 768px) { /* use the max to specify at each container level */
    .tdBigCell {
        width:360px;  /* adjust to desired wrapping */
        display:table;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
    }
}
</style>
@stop

@section('js')
<script>
    $(document).ready(function() {
        $(".datatables").DataTable({
            "bAutoWidth": false,
            "paging": false,
            "searching": false,
            "bInfo": false
        });
    });
</script>

@stop