@extends('adminlte::page')

@section('title', 'Dashboard')


@section('content')
<div class="card card-default">
    <div class="card-header">Road Rangers 
    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#road-rangers" style="margin-right: 5px; float:right">Import
</button>
    </div>
    <div class="card-body">
        <table class="table table-bordered table-striped table-hover">
            <thead>
                <th>Date</th>
                <th>City</th>
                <th>State</th>
                <th>Auth#</th>
                <th>PO</th>
                <th>Product</th>
                <th>Gallons</th>
                <th>Price</th>
                <th>Total</th>
            </thead>

            <tbody>
                @foreach($road_rangers as $statement)
                    <tr>
                        <td>{{$statement->date}}</td>
                        <td>{{$statement->city}}</td>
                        <td>{{$statement->state}}</td>
                        <td>{{$statement->auth_no}}</td>
                        <td>{{$statement->po}}</td>
                        <td>{{$statement->product}}</td>
                        <td>{{$statement->gallons}}</td>
                        <td>{{$statement->price}}</td>
                        <td>{{$statement->total}}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        {{$road_rangers->links()}}
    </div>
</div>

     
<div class="modal fade" id="road-rangers">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="/import" method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h4 class="modal-title">Road Rangers statement</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="report_type" value="road-rangers">

                    <label for="report">Report (max 20 files)</label>
                    <input type="file" id="report" name="reports[]" multiple="multiple" class="form-control"/> <br/>
                    <input type="submit" class="btn btn-success" value="Import"/>
                </div>
            </form>

        </div>
    </div>
    <!-- /.modal-content -->
</div>         
@stop