@extends('admin.layout.main')

@section('extracss')
@endsection

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 text-left">
            <h3>ESDEVENIMENTS</h3>
        </div>
        <div class="col-md-6 text-right">
            <a href="{{ route('viewCreateEvent') }}" class="btn btn-secondary">AFEGIR</a>
        </div>
    </div>
    <hr>
    <table id="events-table" class="table table-hover table-condensed"  style="width:100%">
        <thead>
        <tr>
            <th>#</th>
            <th>Títol</th>
            <th>Publicat</th>
            <th>Registrable</th>
            <th>Extern</th>
            <th>Destacat</th>
            <th>Temàtica</th>
            <th>Entitat</th>
            <th>Equipament</th>
            <th>Data inici</th>
            <th>Data fi</th>
            <th>Preu</th>
     
            <th>Opcions</th>
        </tr>
        </thead>
    </table>
</div>
@endsection

@section('extrajs')
<script>
    var dataTable;    
    $(document).ready(function(){
        dataTable = $('#events-table').DataTable({
            "processing": true,
            "serverSide": true,
            "order": [[ 0, "desc" ]],
            "language": {
                    "url": "{{url('/packages/js/dataTables.catalan.lang.json')}}"
            }, 	
            "ajax": {
                    ajax: '{!! route('getEvents') !!}',
                    "type": "POST",
                    "data": function ( d ) {
                    },
                    "complete": function( settings, json ) {
                    // stopLoading();
                    }
            }
        });
    });
    function deleteModal(id){
        alertModal('GESTOR D\'EVENTS', '¿Segur que vols esborrar l\'event?', 'deleteEvent('+id+')', 'Esborrar');
    }
    function deleteEvent(id){
        $.post('{{route('deleteEvent')}}', {id: id}).done(function(response){
            try{
                response = JSON.parse(response);
            }catch(e){
                alertModal('Error', 'Error en la base de dades');
                return false;
            }
            $('#modal-actions').modal("hide");
            $('.modal-backdrop').remove();
            if (parseInt(response.code) <= 0){
                alertModal('Error', response.msg);
                return false;
            }
            dataTable.draw(false);
        });
    }
    function editEvent(id){
        location.href = '/admin/events/'+id;
    }
</script>
@endsection