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

@if ($message = Session::get('success'))
<div class="alert alert-success">
    <p>Successfully imported {{ $message['imported'] }} skipped {{count($message['skipped_values'])}} entries :
        {{implode(',',$message['skipped_values'])}} </p>
</div>
@endif

<div class="card" style="margin-top:10px">
    <div class="card-header">
        <h3 class="card-title">Import History</h3>
    </div>
    <!-- /.card-header -->
    <div class="card-body">
    <form action="/import" method="get" class="form-inline" style="float:right;margin-bottom:20px">
            <input type="date" name="date" class="form-control" style="width:170px" value="{{request()->date}}">
            <input type="submit" class="btn btn-success" value="Filter">
        </form>
        @if($import_history->count()>0)
        <table class="table table-bordered table-hover table-striped datatables" style="width:100%">
            <thead>
                <th>Filename</th>
                <th>Report type</th>
                <th>Import success</th>
                <th>Failed</th>
                <th>Errors</th>
                <th>Date</th>
                <th>Total</th>
                <th>Total pay</th>
                <th>Delete</th>
            </thead>

            <tbody>
                @foreach($import_history as $import)
                <tr>
                    <td><a href="/import/{{$import->id}}">{{$import->filename}}</a></td>
                    <td>{{$import->report_type}}</td>
                    <td>{{$import->imported_rows}}</td>
                    <td>{{$import->failed_rows}}</td>
                    <td></td>
                    <td>{{$import->created_at->format('d/m/Y')}}</td>
                <td>@if($import->report_type=='compass_report'){{$import->transactions->sum('total')}}@endif</td>
                <td>@if($import->report_type=='compass_report'){{$import->transactions->sum('total_pay')}}@endif</td>
                    <td><a href="/import/delete-report/{{$import->id}}" onclick="return confirm('Are you sure?')"
                            style="text-align: right"><i class="fa fa-trash" style="color:red"></i></a></td>
                </tr>
                @endforeach

            </tbody>


        </table>
        @else
        <div class="callout callout-info">No reports has been imported yet!</div>
        @endif

    </div>
    <!-- /.card-body -->
</div>


@stop

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

@stop
@section('js')
{{-- <script>
    $(function () {
        $(".datatables").DataTable({
            "bAutoWidth": false,
            "searching": true,
            "bInfo": false,
            "iDisplayLength":25
        });
    });

</script> --}}
@stop