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

            @if($legends->count()>0)
                <table class="table table-striped table-bordered datatables">
                <thead>
                    <th>Description</th>
                    <th>Color</th>
                    <th>Edit</th>
                    <th >Delete</th>
                </thead>
                    <tbody>
                    @foreach($legends as $legend)
                        <tr>
                            <td style="width:700px">{{$legend->description}}</td>
                            <td style="width:700px">{{$legend->color}}</td>
                            <td style="width:300px"><a href="/settings/carrier-legends/{{$legend->id}}/edit" class="btn btn-warning">Edit</a></td>
                            <td style="width:300px">
                                <form action="{{ route('carrier-legends.destroy',$legend->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