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

<div class="card">
    <div class="card-header">
        <h3 class="card-title"><b>Daily prices Road Rangers:
                {{\Carbon\Carbon::createFromFormat('Y-m-d',$date)->format('m/d/Y')}}</b>
        </h3>

        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#import"
            style="margin-left: 5px;float:right">
            <i class="fa fa-download"></i> Import daily prices
        </button>
        <form action="/daily-reports/daily-prices-road-rangers" 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">
        <table class="table table-striped table-bordered datatables" id="summary">
            <thead style="text-align: center">
                <th>Location</th>
                <th>City</th>
                <th>Rack id</th>
                <th>Rack price</th>
                <th>Freight</th>
                <th>Total cost</th>
                <th>Retail price</th>
            </thead>
            <tbody>
                @foreach($report as $r)
                <tr>
                    <td>{{$r->location}}</td>
                    <td>{{$r->city}}</td>
                    <td>{{$r->rack_id}}</td>
                    <td>{{$r->rack_price}}</td>
                    <td>{{$r->freight}}</td>
                    <td>{{$r->total_cost}}</td>
                    <td>{{$r->retail_price}}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{$report->count()}} records

    </div>
</div>
<!-- /.card-body -->
</div>
<div class="modal fade" id="import">
    <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 daily prices import</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-price-lists">
                    <label for="report">Report</label>
                    <input type="file" id="report" name="reports[]" class="form-control" multiple="multiple" /> <br />
                    <input type="submit" class="btn btn-success" value="Import" />
                </div>
            </form>

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


@section('css')
<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<script>
    $(function () {
        $(".datatables").DataTable({
            "bAutoWidth": false,
            "paging": false,
            "searching": false,
            "bInfo": false
        });
    });

</script>

@stop
@section('js')

@stop