@extends('adminlte::page')
@section('content')

<div class="card">
    <div class="card-header">
        <h3 class="card-title"><b>Email reports </b></h3>
        
        <form action="/daily-reports/email-reports" class="form-inline" style="float:right">
            <label for="date" id="date">Date</label>
            <input type="date" name="date" class="form-control" id="date" value="{{$date}}">
            <input type="submit" value="Filter" class="btn btn-success" />
        </form>
    </div>
    <div class="card-body">
    <a href="/daily-reports/generate-all?date={{$date}}" onclick="return confirm('Are you sure?')" class="btn btn-success" style="float:right">Generate all reports</a>
        <table class="table table-striped table-bordered datatables" id="summary">
            <thead style="text-align: center">
                <th>Carrier name</th>
                <th>Pilot Price list</th>
                <th>Loves price list preview</th>
                <th>Road Rangers price list</th>
                <th style="width:380px">Export</th>

            </thead>
            <tbody>
                @foreach ($report as $r)
                <tr>
                    <td>{{$r->name}}</td>
                    <td style="width:150px">
                        <button class="btn btn-primary preview_btn"
                            link="/daily-reports/preview-pilot/{{$r->id}}?date={{$date}}"><i class="fa fa-eye"></i> Preview
                            Pilot</button>
                    </td>
                    <td style="width:150px">
                            <button class="btn btn-primary preview_btn"
                            link="/daily-reports/preview-loves/{{$r->id}}?date={{$date}}"><i class="fa fa-eye"></i> Preview
                            Loves</button>

                    </td>
                    <td>
                        <button class="btn btn-primary preview_btn"
                        link="/daily-reports/preview-road-rangers/{{$r->id}}?date={{$date}}"> <i class="fa fa-eye"></i> Preview
                        RR</button>

                </td>
                    <td>
                    <a href="/daily-reports/email-reports/{{$r->id}}/export?date={{$date}}&fuel_provider=pilot" class="btn btn-success"><i class="fa fa-upload"></i> Export Pilot</a>
                    <a href="/daily-reports/email-reports/{{$r->id}}/export?date={{$date}}&fuel_provider=loves" class="btn btn-success"><i class="fa fa-upload"></i> Export Loves</a>
                    <a href="/daily-reports/email-reports/{{$r->id}}/export?date={{$date}}&fuel_provider=road-rangers" class="btn btn-success"><i class="fa fa-upload"></i> Export RR</a>

                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
<!-- /.card-body -->
</div>

<!-- /.modal-dialog -->
</div>
<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>

@stop


@section('css')
<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
@stop

@section('js')
<script>
    $(function () {
        $('.preview_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
            })
        });

            $(".datatables").DataTable({
                "bAutoWidth": false,
                "paging": false,
                "searching": false,
                "bInfo": false
            });
        });
   

</script>
@stop