@extends('app')

@section('content')

<ol class="breadcrumb">
  <li><a href="#" class="back-btn"> <span class="glyphicon glyphicon-arrow-left"></span> Regresar</a></li>
  <li><a href="/">Inicio</a></li>
  <li class="active">Módulos Feedback</li>
</ol>

<div class="container">
    <div class="text-right">
        <button class="btn btn-primary" id="add-module-btn">
            <span class="glyphicon glyphicon-plus"></span> Añadir módulo
        </button>
    </div>
    @if($modules->count() == 0)
        <div class="alert alert-info">
            No hay módulos disponible
        </div>
    @else
        <table class="table table-responsive">
            <thead>
                <tr>
                    <th>Módulo</th>
                    <td>Preguntas</td>
                </tr>
            </thead>
            <tbody>
                @foreach($modules as $module)
                    <tr>
                        <td>
                            <span class="module-name">{{ $module->name }}</span> 
                            <a href="#" data-module-id="{{$module->id}}" class="edit-module-btn">
                                <span class="glyphicon glyphicon-pencil"></span>
                            </a>
                        </td>
                        <td>
                            <a class="btn btn-xs btn-default" href="{{action('Admin\FeedbackQuestionsController@index', $module->id)}}">
                                Preguntas
                            </a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>

<div class="modal fade" id="module-form-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                {!! Form::open([
                    'id' => 'module-form',
                ]) !!}
                    {!! Form::hidden('_method', 'POST') !!}
                    <div class="form-group">
                        {!! Form::label('name', 'Nombre') !!}
                        {!! Form::text('name', null, ['class' => 'form-control', 'required' => 'required']) !!}
                        <small class="text-danger">{{ $errors->first('name') }}</small>
                    </div>
                {!! Form::close() !!}
            </div>

            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button class="btn btn-primary btn-submit">Guardar</button>
            </div>
        </div>
    </div>      
</div>
@endsection

@section('script')
<script type="text/javascript">
    $(function(){
        $('#module-form-modal').on('hide.bs.modal', function(){
            $(this).find('form').get(0).reset();
        });

        $('#module-form-modal .btn-submit').click(function(){
            $('#module-form').submit();
        });

        $('#add-module-btn').click(function(){
            $('#module-form').get(0).setAttribute(
                'action',
                laroute.action('Admin\FeedbackModulesController@store')
            );
            $('#module-form input[name=_method]').val('POST');
            $('#module-form-modal').modal('show');
        });

        $('.edit-module-btn').click(function(){
            var id = $(this).attr('data-module-id');
            $('#module-form').get(0).setAttribute(
                'action',
                laroute.action('Admin\FeedbackModulesController@update', {
                    feedback_modules : id,
                })
            );
            $('#module-form input[name=_method]').val('PUT');
            $('#module-form #name').val($(this).parent().find('.module-name').text().trim());
            $('#module-form-modal').modal('show');
        });
    });
</script>
@endsection