@extends($layout)
@section('content')
<div class="row">
    <div class="col s12">
        <div class="container">
            <div class="section">
                {search}
                <div class="list-table" id="app">
                    <div class="card">
                        <div class="card-content">
                            <!-- datatable start -->
                            <div class="responsive-table">
                                <table id="table" class="table table-bordered table-striped"></table>
                            </div>
                            <!-- /.card-body -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div onclick="load()" style="bottom: 50px; right: 19px;" class="fixed-action-btn direction-top"><a href="{{route('{projetId}_create')}}" class="btn-floating btn-large gradient-45deg-light-blue-cyan gradient-shadow"><i class="material-icons">add</i></a></div>
    </div>
</div>

<div id="delete_modal" class="modal">
    <div class="modal-content">
        <h4> Confirmation de suppression</h4>
        <div>
            Êtes-vous sûr de vouloir supprimer ?
        </div>
        <input type="hidden" name="delId" id="delId">
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-close waves-effect waves-green btn grey">Annuler</a>
        <a href="#!" class="waves-effect waves-green btn red" onclick="suppRecord()">Supprimer</a>
    </div>
</div>
@stop
@section('js')
<script>
    function openSuppModal(id) {
        $("#delId").val(id);
        $('#delete_modal').modal('open');
    }
    function suppRecord() {
        window.location.replace("/{projetId}/delete/"+$("#delId").val());
    }
    $(document).ready(function() {
        $('.modal').modal();

        initDataTable("#table", "/{projetId}/datatable-api", [
            {tableCols}
            { data: "action", name: "action", title: "", orderable: false, searchable: false, width: '40px' }
        ]);
        
        setTimeout(function() {
            $('.tooltipped').tooltip();
        }, 2000);

    });
</script>
@stop