[<a href="/user/trips/trips/create"> {{ trans('cms.create')  }}</a>]
<table id="main-list" class="table table-striped table-bordered">
    <thead>
        <td>Id</td>
        <th>{!! trans('trips::trips.label.trip_name')!!}</th>
                    <th>{!! trans('trips::trips.label.trip_description')!!}</th>
                    <th>{!! trans('trips::trips.label.trip_price')!!}</th>
                    <th>{!! trans('trips::trips.label.featured_image')!!}</th>
        <td>Action</td>
    </thead>
    <tbody>
        @foreach($trips as $trips)
        <tr>
            <td><a href="/user/trips/trips/{!! $trips->eid !!}"> {!! $trips->id !!} </a></td>
            <td>{{ $trips->trip_name }}</td>
                    <td>{{ $trips->trip_description }}</td>
                    <td>{{ $trips->trip_price }}</td>
                    <td>{{ $trips->featured_image }}</td>
            <td>
                <a href="/user/trips/trips/{!! $trips->eid !!}/edit"> Edit </a>
                <a href="/user/trips/trips/{!! $trips->eid !!}" class="link-delete"> Delete </a>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
<script type="text/javascript">
$(document).ready(function(){
    $('.link-delete').click(function(e){
        var url = $(this).attr('href');
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this data!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!",
            closeOnConfirm: false
        }, function(){
            $.ajax({
                url: url,
                type: 'DELETE',
                processData: false,
                contentType: false,
                success:function(data, textStatus, jqXHR)
                {
                    data = jQuery.parseJSON(data);
                    window.location = data.redirect;
                },
            });
        });
        e.preventDefault();
    });
});
</script>