@section('title')
    Sources
@stop

@section('content-header')
    Sources
@stop

@section('breadcrumb')
<li class="active">Sources</li>
@stop

@section('content')
<div class="row">
    <div class="col-xs-12">
        <div class="box no-border">
            <div class="box-body">
                <ul class="datatable-filters list-inline hide pull-left" data-target="#datatable">
                    <li>
                        <a href="{{ route('admin.core.sources.create') }}" class="btn btn-success btn-sm"
                           data-toggle="modal"
                           data-target="#modal-remote">
                            <i class="fa fa-plus"></i> Novo
                        </a>
                    </li>
<!--                    <li class="fltr-primary w-145px">
                        <strong>Estado</strong><br class="visible-xs"/>
                        <div class="pull-left form-group-sm w-90px">
                            {{ Form::select('empty_customer', [''=>'Todos', '1' => 'Sem cliente', '0' => 'Com cliente'], fltr_val(Request::all(), 'empty_customer'), array('class' => 'form-control input-sm w-100 filter-datatable select2')) }}
                        </div>
                    </li>
                    <li class="fltr-primary w-145px">
                        <strong>Nome</strong><br class="visible-xs"/>
                        <div class="pull-left form-group-sm w-90px">
                            {{ Form::select('empty_name', [''=>'Todos', '1' => 'Sem nome', '0' => 'Com nome'], fltr_val(Request::all(), 'empty_name'), array('class' => 'form-control input-sm w-100 filter-datatable select2')) }}
                        </div>
                    </li>-->
                </ul>
                <div class="table-responsive">
                    <table id="datatable" class="table table-striped table-dashed table-hover table-condensed">
                        <thead>
                            <tr>
                                <th class="w-1">{{ Form::checkbox('select-all', '') }}</th>
                                <th class="w-100px">Source</th>
                                <th>Nome</th>
                                <th class="w-220px">URL</th>
                                <th class="w-1">Versão</th>
                                <th class="w-80px">Criado em</th>
                                <th class="w-60px">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="selected-rows-action hide">
                    {{ Form::open(array('route' => 'admin.core.sources.selected.destroy')) }}
                    <button class="btn btn-sm btn-danger" data-action="confirm" data-title="Apagar selecionados"><i class="fas fa-trash-alt"></i> Apagar Selecionados</button>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
</div>
@stop

@section('scripts')
<script type="text/javascript">
    $(document).ready(function () {

        var oTable = $('#datatable').DataTable({
            columns: [
                {data: 'select', name: 'select', orderable: false, searchable: false},
                {data: 'source', name: 'source'},
                {data: 'name', name: 'name'},
                {data: 'url', name: 'url'},
                {data: 'version', name: 'version'},
                {data: 'id', name: 'id'},
                {data: 'actions', name: 'actions', orderable: false, searchable: false},
                {data: 'created_at', name: 'created_at', visible: false},
            ],
            order: [[5, "desc"]],
            ajax: {
                url: "{{ route('admin.core.sources.datatable') }}",
                type: "POST",
                data: function (d) {},
                beforeSend: function () { Datatables.cancelDatatableRequest(oTable) },
                complete: function () { Datatables.complete() }
            }
        });

        $('.filter-datatable').on('change', function (e) {
            oTable.draw();
            e.preventDefault();
        });
    });
</script>
@stop