@extends('template.portal.layout')

@section('styles')
    <link href="{{asset('plugins/sweet-alert/sweetalert.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('content-body')

    <div class="modal fade bs-modal-lg" id="Registro" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #0070bb;color: #ffffff;">
                    <h4 class="modal-title caption-subject sbold"> Participa en el evento </h4>
                </div>
                <div class="modal-body">
                    {{--style="max-width: 430px; width: 100%; margin: auto">--}}
                    <div class="row">
                        <div class="col-md-12">
{{--                            <div class="col-md-6 evento-invitado">
                                <h4>Participar como invitado</h4>
                                {{ Form::open(array('id' => 'form-validation','route' => array('evento.invitado'), 'class'=>'form-horizontal')) }}
                                <div class="form-body">
                                    <div class="form-group hide">
                                        {!! Form::text('id_evento', $evento['id'], array('placeholder' => 'id','class' => 'form-control')) !!}
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <label class="control-label" for="dni">DNI</label>
                                            {!! Form::text('dni', null, array('placeholder' => '','class' => 'form-control', 'required' => 'required', 'maxlength' => '8')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <label class="control-label" for="nombres">Nombres</label>
                                            {!! Form::text('nombres', null, array('placeholder' => '','class' => 'form-control', 'required' => 'required')) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <label class="control-label" for="apellidos">Apellidos</label>
                                            {!! Form::text('apellidos', null, array('placeholder' => '','class' => 'form-control', 'required' => 'required')) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <label class="control-label" for="email">Email</label>
                                            {!! Form::email('email', null, array('placeholder' => '','class' => 'form-control', 'required' => 'required')) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <label class="control-label" for="telefono">Tel&eacute;fono</label>
                                            {!! Form::text('telefono', null, array('placeholder' => '','class' => 'form-control', 'required' => 'required')) !!}
                                        </div>
                                    </div>

                                    <div class="form-actions">
                                        <button type="submit" class="btn btn-primary" style="width: 100%">Registrarte</button>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>--}}
                            <div class="col-md-6 evento-usuario">
                                <h4>Participar como usuario</h4>
                                <p style="margin-bottom: 10px">Si cuentas con una cuenta registrada, ingresa aqu&iacute; para registrarte en el evento.</p>
                                <a href="#" class="btn btn-primary">Inscribirte</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{asset('plugins/sweet-alert/sweetalert.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('plugins/jquery-validation/js/jquery.validate.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('plugins/jquery-validation/js/additional-methods.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('plugins/jquery-validation/js/localization/messages_es_PE.js')}}" type="text/javascript"></script>
    @include('sweet::alert')

    <script>
        $("#form-validation").validate({
            rules: {
                dni: {
                    required: true,
                    pattern: '^[0-9]{8}$'
                },
                telefono: {
                    required: true,
                    pattern: '^[0-9]*$'
                }
            },
            errorPlacement: function(error, element) {
                error.insertBefore(element);
            }
        });
    </script>
@endsection