@extends('modules.head') @section('contenido')
<h3><a class="ruta" class="" href="{{url('/changelogs')}}">{{ Lang::get('messages.screen_changelogs_tag1')}} </a> <span class="separador-ruta">|</span><a class="ruta" class="" href="{{url('/changelogs/add')}}">{{ Lang::get('messages.screen_changelogs_tag5')}} </a> </h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ Lang::get('messages.screen_changelogs_tag1')}}</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form role="form" id="createChangelogs" data-toggle="validator">
            <div class="row">
                <div class="col-xs-12">
                    <div class="form-group">
                        <label for="titleChangelogs">{{ Lang::get('messages.screen_changelogs_tag2')}} </label>
                        <input type="text" class="form-control" name="titleChangelogs" id="titleChangelogs" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="form-group">
                        <label for="description">{{ Lang::get('messages.screen_changelogs_tag3')}} </label>
                        <textarea class="form-control" name="description" id="description" cols="30" rows="10" required></textarea>
                    </div>
                </div>
            </div>

            <button onClick="createChangelogs()" id="btn-create-changelogs" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_changelogs_tag6')}}</button>
            <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton">
                <i class="fa fa-spinner fa-spin"></i>
            </button>
            <button type="button" class="btn btn-default pull-right btnCancel">
                <a href="{{url('/changelogs')}}">{{ Lang::get('messages.screen_changelogs_tag7')}} </a>
            </button>
            {{ csrf_field() }}
        </form>
    </div>
    <!-- /.box-body -->
</div>

<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/changelogs.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function() {
        var placeholder = "Separar los items con '-' \nEj:\n-item1 \n-item2";
        $('#description').attr('placeholder', placeholder);
    });
</script>
@endsection