@extends('adminlte::page')


@section('content')

    @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
    @endif
    
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Daily prices filters </h3>
            <a href="/settings/carriers/{{Request()->id}}/daily-price/create" class="btn btn-success" style="float:right">Create</a>
                 </div>
        <!-- /.card-header -->
        <div class="card-body">

            @if($filters->count()>0)
            
                <table class="table datatables table-bordered table-striped" >
                <thead>
                    <td>Carrier id</td>
                    <td style="width:600px">Fuel provider</td>
                    <td>Store</td>
                    <td>State</td>
                    <td style="width:200px">Delete</td>
                </thead>
                    <tbody>
                    @foreach($filters as $filter)
                        <tr>
                            <td>{{$filter->carrier->name}}</td>
                            <td>{{$filter->fuel_provider}}</td>
                            <td>{{$filter->store}}</td>
                            <td>{{$filter->state}}</td>
                            <td>
                                <form action="/settings/carriers/{{$filter->carrier->id}}/daily-price/delete-filter/{{$filter->id}}" method="POST">

                                    @csrf

                                    <button type="submit" onclick="return confirm('Are you sure?')" class="btn btn-danger">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>

                </table>
           
            @else
                <p class="callout callout-info">There are no filters defined yet!</p>
            @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,"paging":false,"searching":false,"bInfo" : false});
        });</script>
@stop