@extends('app')

@section('content')
    {!! Html::style('css/libros.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">Libros</div>

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

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

                    @endif

                    <div class="panel-body">

                        {!! Form::model(Request::only(['title', 'theme', 'text', 'filter']), ['route' => 'libros.index', 'method' => 'GET', 'class' => 'navbar-form navbar-left pull-right', 'role' => 'search' ]) !!}
                        <div class="form-group">
                            <p>
                                {!! Form::text('title', null, ['class' => 'form-control', 'placeholder' => 'Titulo del libro']) !!}
                                {!! Form::select('theme', config('options.themesBooks'), null, ['class' => 'form-control']) !!}
                            </p>
                            <p>
                                {!! Form::text('text', null, ['class' => 'form-control', 'placeholder' => '']) !!}
                                {!! Form::select('filter', config('options.filtersBooks'), null, ['class' => 'form-control']) !!}
                            </p>
                        </div>
                        <button type="submit" class="btn btn-default">Buscar</button>
                        {!! Form::close() !!}

                        <p>
                            <a class="btn btn-info" href="{{ route('libros.create') }}" role="button">
                                Nuevo Libro
                            </a>
                        </p>

                        <p>Hay {{ $libros->total() }} libros</p>
                        @include('libros.partials.table')
                        {!! $libros->appends(Request::only(['title', 'theme', 'text', 'filter']))->render() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {!! Form::open(['route' => ['libros.destroy', ':LIBRO_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(':LIBRO_ID', id);
                var data = form.serialize();

                row.fadeOut();

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

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