description = "Modal"

[viewBag]
==
<div id="mymodal" class="modal fade modal-custom" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content position-relative">
            <div class="modal-body overflow-hidden p-0 text-center">
                <div class="row">
                    <div class="col-lg-6 col-md-5 d-none d-lg-block bg-cover" style="background-image: url('{% for fields in this.theme.header %}{% if fields._group == 'header_topbar' %}{{ fields.header_topbar_links_mimage|media|resize(500, 500, { mode: 'crop' })  }}{% endif %}{% endfor %}');">
                        <div class="position-absolute overflow-hidden pos-0 w-100 h-100 bg-dark opacity-25"></div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="modal-bg py-7 pr-7 pl-4">
                            <i class="far fa-paper-plane display-5 text-danger"></i>
                            <div class="position-relative">
								<div id="login-form">
								<h2 class="font-weight-light text-muted mt-5 text-center">{{ 'Sign up for free' }}</h2>
								{% if not user %}
								
								{{ form_ajax('onSignin', {
									redirect: 'index'|staticPage,
									class: 'mt-7'
								}) }}
									<div class="row">
										<div class="col-lg-12">
											<div class="form-group">
												<input class="form-control border-2 hover-border-default" type="text" name="login" value="" placeholder="{{ loginAttributeLabel }}">
											</div>
										</div>
										<div class="col-lg-12">
											<div class="form-group">
												<input class="form-control border-2 hover-border-default" type="password" name="password" value="" placeholder="password">
											</div>
										</div>
										<div class="col-lg-12 text-center">
											<button type="submit" class="btn btn-rounded btn-primary btn-chevron">
												<span>Signin<i class="fa fa-chevron-right"></i></span>
											</button>
										</div>
										<div class="col-lg-12 text-center mt-10">Not a Member yet?<br>
											<a id="show-register" href="#" class="text-danger">Create an account?</a><br>
											<a href="{{ 'user/forgot-password'|page }}">Forgot password?</a>
										</div>
									</div>
								{{ form_close() }}
								</div>
                            </div>
                            
                            <div class="position-relative">
								<div id="register-form" style="display: none">
								<h2 class="font-weight-light text-muted mt-5 text-center">{{ 'Sign in' }}</h2>
								{% if canRegister %}
								
								{{ form_ajax('onRegister', {
									redirect: 'index'|staticPage,
									class: 'mt-7'
								}) }}
									<div class="row">
										<div class="col-lg-12">
											<div class="form-group">
												<input class="form-control border-2 hover-border-default" type="text" name="name" placeholder="your name">
											</div>
										</div>
										<div class="col-lg-12">
											<div class="form-group">
												<input class="form-control border-2 hover-border-default" type="email" name="email" placeholder="email address">
											</div>
										</div>
										{% if loginAttribute == "username" %}
										<div class="col-lg-12">
											<div class="form-group">
												<input class="form-control border-2 hover-border-default" type="text" name="username" placeholder="username">
											</div>
										</div>
										{% endif %}
										<div class="col-lg-12">
											<div class="form-group">
												<input class="form-control border-2 hover-border-default" type="password" name="password" placeholder="password">
											</div>
										</div>
										<div class="col-lg-12 text-center">
											<button type="submit" class="btn btn-rounded btn-danger btn-chevron">
												<span>Signup<i class="fa fa-chevron-right"></i></span>
											</button>
										</div>
										<div class="col-lg-12 text-center mt-10">Already have an account? 
											<a id="login-show" href="#" class="text-danger">Login</a><br>
										</div>
									</div>
								{{ form_close() }}
								{% else %}
									<!-- Registration is disabled. -->
								{% endif %}
								</div>
                            </div>
                            {% else %}
                                <!-- User already login. -->
                            {% endif %}
                        </div>
                    </div>
                </div>
                <a href="#" class="close-btn position-absolute display-9 d-block text-body pos-r-3 pos-t-3 w-5r h-5r line-height-tight" data-dismiss="modal" aria-hidden="true">×</a>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>