@extends('app')

@section('content')
    {!! Html::style('css/users.css') !!}
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <div class="panel panel-default transparent">
                    <div class="panel-heading">Usuarios</div>

                    @if(Session::has('message'))

                        <p class="alert alert-success">{{ Session::get('message') }}</p>

                    @endif

                    <div class="panel-body">

                        {!! Form::model(Request::only(['name', 'type']), ['route' => 'admin.users.index', 'method' => 'GET', 'class' => 'navbar-form navbar-left pull-right', 'role' => 'search' ]) !!}
                            <div class="form-group">
                                {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => 'Nombre del usuario']) !!}
                                {!! Form::select('type', config('options.types'), null, ['class' => 'form-control']) !!}
                            </div>
                            <button type="submit" class="btn btn-default">Buscar</button>
                        {!! Form::close() !!}

                        <p>
                            <a class="btn btn-info" href="{{ route('admin.users.create') }}" role="button">
                                Nuevo usuario
                            </a>
                        </p>
                        <p>Hay {{ $users->lastPage() }} páginas</p>
                        @include('admin.users.partials.table')
                        {!! $users->appends(Request::only(['name', 'type']))->render() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {!! Form::open(['route' => ['admin.users.destroy', ':USER_ID'], 'method' => 'DELETE', 'id' => 'form-delete']) !!}
    {!! Form::close() !!}

@endsection

@section('scripts')
<script>
    $(document).ready(function () {
        $('.btn-delete').click(function (e) {

            e.preventDefault();

            var row = $(this).parents('tr');
            var id = row.data('id');
            var form = $('#form-delete');
            var url = form.attr('action').replace(':USER_ID', id);
            var data = form.serialize();

            row.fadeOut();

            $.post(url, data, function (result) {
                alert(result.message);
            }).fail(function () {
                alert('El usuario no fue eliminado');
                row.show();
            });

        });
    });
</script>
@endsection