@extends('frontend.layouts.master')

@section('page_title')
    {{ __('account.login.title') }}
@endsection

@section('head')
@endsection

@section('content-wrapper')
    
    <div class="py-5 text-center text-white align-items-center d-flex h-100 portada jarallax header-login-banner" style="">
        <div class="tinte2"></div>
        <div class="container py-5">
            <div class="row text-center">
                <div class="col-lg-12 col-md-12 col-12 col-sm-12">
                    <h1 class="display-4 mb-4 sombratexto text-light">
                        <br><br><br><br>
                    </h1>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row mt-4 d-flex justify-content-center ">
            <div class=" col-lg-8  col-md-12">

                <div style="    font-size: 25px;" class="alert alert-danger">
                    Ya se han agotado los bonos, ya no se pueden comprar más bonos.
                </div>

                <p class="text-center"><b>Si ya has adquirido tu bono, introduce tus datos:</b></p>

                <div class="pb-4">
                    <form class="login-register" method="post" action="{{ route('backend.session.login.store') }}" @submit.prevent="onSubmit">

                        {{ csrf_field() }}

                        <div class="form-group mb-4" :class="[errors.has('user') ? 'has-error' : '']">
                            <label class="form-label" for="user">{{ __('account.login.form.user') }}</label>
                            <input type="text" name="user" id="user" value="{{ old('user') }}" v-validate="'required|min:9'" class="form-control" data-vv-as="&quot;{{ __('account.login.form.user') }}&quot;" />
                            <span class="control-error" v-if="errors.has('user')">@{{ errors.first('user') }}</span>
                        </div>

                        <div class="form-group mb-4" :class="[errors.has('password') ? 'has-error' : '']">
                            <label class="form-label" for="password">{{ __('account.login.form.password') }}</label>
                            <div class="input-group">
                                <input type="password" value="{{ old('password') }}" name="password" v-validate="'required|min:8'" id="password" class="form-control" data-vv-as="&quot;{{ __('account.login.form.password') }}&quot;" />
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class="fa fa-eye"></i></div>
                                </div>
                            </div>
                            <span class="control-error" v-if="errors.has('password')">@{{ errors.first('password') }}</span>
                        </div>

                        <div class="row mb-4">
                            
                            <div class="col text-center">
                                <!-- Simple link -->
                                <a href="{{ route('backend.reset-password.index') }}">{{ __('account.login.reset-password.btn-in-login') }}</a>
                            </div>
                        </div>

                        <!-- Submit button -->
                        <button type="submit" class="site-btn link wow bounceInUp btn-block mb-4">{{ __('account.login.form.submit') }}</button>

                        <!-- Register buttons -->

                        <div>

                            <p class="text-center"><b>Si quieres comprar bonos por primera vez:</b></p>

                            <ul>
                                <li>El bono se podrá utilizar hasta agotar el saldo en los diferentes establecimientos adheridos. En
                                    ningún caso se devolverá dinero en efectivo, ni en la compra ni en la posible devolución
                                    posterior del producto.
                                    </li>
                                <li>Una vez adquiridos los bonos, estos no podrán ser devueltos y en ningún caso serán
                                    transmisibles. Su validez será hasta el 31 de julio de 2023. Después de esta fecha no podrán
                                    ser canjeados, tampoco se podrán reembolsar.
                                    </li>
                            </ul>

                            <p class="text-center"><a class="site-btn link wow bounceInUp btn-block mb-4" href="{{ route('backend.register.create') }}">{{ __('account.register.btn-register-in-login') }}</a></p>
                        </div>
                        
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')

<script>

var viewPass = false;
$(window).ready(function () {

    $('.input-group-text').click(function() {

        if(!viewPass){
            $('#password').attr('type', 'text');
            $('.fa-eye').addClass('fa-eye-slash');
            $('.fa-eye').removeClass('fa-eye');
        } else {
            $('#password').attr('type', 'password');
            $('.fa-eye-slash').addClass('fa-eye');
            $('.fa-eye-slash').removeClass('fa-eye-slash');
        }

        viewPass = !viewPass;

    });

});

</script>

@endpush