@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">Brokers </h3>
            <a href="/settings/brokers/create" class="btn btn-success" style="float:right"><i class="fa fa-plus"></i> Create</a>
        </div>
        <!-- /.card-header -->
        <div class="card-body">

            @if($brokers->count()>0)
                <table class="table table-striped table-bordered datatables">
                <thead>
                    <th>Broker</th>
                    <th>Carriers</th>
                    <th>Edit</th>
                    <th >Delete</th>
                </thead>
                    <tbody>
                    @foreach($brokers as $broker)
                        <tr>
                            <td style="width:700px">{{$broker->name}}</td>
                            <td style="width:300px"><a href="/settings/carriers/{{$broker->id}}" class="btn btn-info">Carriers</a></td>

                            <td style="width:300px"><a href="/settings/brokers/{{$broker->id}}/edit" class="btn btn-warning">Edit</a></td>
                            <td style="width:300px">
                                <form action="{{ route('brokers.destroy',$broker->id) }}" method="POST">

                                    @csrf
                                    @method('DELETE')

                                    <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 brokers 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