@extends('template.admin.layout')
@section('styles')
@endsection

@section('content-head')
    <h1 class="page-title"> Gesti&oacute;n de Servicios</h1>
@endsection

@section('content-body')
    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject bold uppercase"> Registrar Servicio </span>
            </div>
        </div>
        <div class="portlet-body form">
            @include('alerts.index')
            {{ Form::open(array('id' => 'form-validation','route' => 'servicio.registrar', 'class'=>'form-horizontal')) }}
            <div class="form-body">
                <div class="form-group">
                    <label class="control-label col-md-2" for="nombre"> Nombre </label>
                    <div class="col-md-10">{!! Form::text('nombre', null, array('placeholder' => '','class' => 'form-control', 'required' => 'required')) !!}</div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-2" for="absolute_url"> URL Absoluta </label>
                    <div class="col-md-10">
                        {!! Form::text('absolute_url', null, array('placeholder' => '','class' => 'form-control', 'required' => 'required')) !!}
                        <label class="help-block">Ingrese una url completa. (ej: https://www.google.com.pe)</label>
                    </div>
                </div>

                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-2 col-md-10">
                            <a href="{{ url('/admin/servicios') }}" class="btn btn-default">Cancelar</a>
                            <button id="submitBtn" type="submit" class="btn btn-primary ladda-button" data-style="slide-down">
                                <span class="ladda-label">Guardar</span>
                                <span class="ladda-spinner"></span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::close() !!}

        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $("#form-validation").validate({
            rules: {
                absolute_url: {
                    required: true,
                    url: true
                }
            },
            submitHandler: function (form) {
                var l = Ladda.create(document.querySelector('#submitBtn'));
                l.start();
                form.submit();
            }
        });
    </script>
@endsection