@extends('adminlte::page')

@section('title', 'Dashboard')



@section('content')
<div class="card card-default">
    <div class="card-header">
        <strong>CPS statements</strong>

        <div class="card-tools">
            <form action="/cps-statements/search" method="post">
                @csrf
                <div class="input-group input-group-sm" style="width: 150px;">

                    <input type="text" name="auth_no" class="form-control float-right" value="{{request()->get('auth_no')}}" placeholder="Search by auth#">

                    <div class="input-group-append">
                        <button type="submit" class="btn btn-default"><i class="fas fa-search"></i></button>
                    </div>
                </div>
            </form>
        </div>

    </div>
    <div style="margin-top:5px">
        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#import-statements" style="margin-right: 5px;float:right">
            Import CPS statements
        </button>


    </div>
    <div class="card-body">
        <table class="table table-bordered table-striped table-hover">
            <thead>
                <th>CPS transaction</th>
                <th>Fuel provider</th>
                <th>Auth#</th>
                <th>Invoice#</th>
                <th>Date</th>
                <th>Location</th>
                <th>State</th>
                <th>Unit#</th>
                <th class="text-right">Total</th>
            </thead>

            <tbody>
                @foreach($statements as $statement)
                <tr>
                    <td>@if($statement->report_id!='') <a href="/reports/{{$statement->report_id}}">View</a> @else - @endif</td>
                    <td>{{$statement->fuel_provider}}</td>
                    <td>{{$statement->auth_code}}</td>
                    <td>{{$statement->invoice}}</td>
                    <td>{{$statement->date}}</td>
                    <td>{{$statement->location}}</td>
                    <td>{{$statement->state}}</td>
                    <td>{{$statement->unit}}</td>
                    <td class="text-right">{{$statement->total}}</td>

                </tr>
                @endforeach
            </tbody>
        </table>

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

<div class="modal fade" id="import-statements">
    <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">CPS Statements</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="import_indirect_billing">

                    <label for="report_type">Report type</label>
                    <select name="type" id="type" class="form-control">
                        <option value="loves">Loves</option>
                        <option value="cps_checks">CPS checks</option>
                        <option value="i55">I55</option>
                        <option value="independent">Independent</option>
                        <option value="road_rangers">Road Rangers</option>

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

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