@extends('layouts.frontpages')

@section('content')
    @include('partials.header')

    <div class="page auth">
        <div class="left-section">
            <div class="container">
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <div class="register-wrapper">
                            <h1 class="legend">
                                Únete para disfrutar <br> y ganar en <span class="frank-hh">la rosca</span>
                            </h1>
                            <div class="col-md-12">
                                @if (count($errors->all()))
                                    <div class="alert alert-danger">
                                        @foreach ($errors->all() as $error)
                                            <p>
                                                <span class="help-block">
                                                    <strong>{{ $error }}</strong>
                                                </span>
                                            </p>
                                        @endforeach
                                    </div>
                                @endif
                            </div>
                            <form action="{{ route('register.save') }}" class="form-common" method="post">
                                @csrf
                                <div class="row form-group">
                                    <div class="col">
                                        <label for="first_name">*Nombres:</label>
                                        <input type="text" name="first_name" class="form-control"
                                            value="{{ old('first_name') }}" required>
                                        <input type="hidden" name="origin" value="{{ $origin }}">
                                    </div>
                                    <div class="col">
                                        <label for="last_name">*Apellidos:</label>
                                        <input type="text" name="last_name" class="form-control"
                                            value="{{ old('last_name') }}" required>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col">
                                        <label for="email">*Correo electrónico:</label>
                                        <input type="email" name="email" class="form-control"
                                            value="{{ old('email') }}" required>
                                    </div>
                                    <div class="col">
                                        <label for="identification">*Identificación:</label>
                                        <input type="number" name="identification" class="form-control"
                                            value="{{ old('identification') }}" required>
                                    </div>
                                </div>
                                {{-- <div class="row form-group">
                                    <div class="col">
                                      <label for="gender">*Género:</label>
                                      <select name="gender" class="form-control" required>
                                          <option value="Masculino">Masculino</option>
                                          <option value="Femenino">Femenino</option>
                                      </select>
                                    </div>
                                    <div class="col">
                                      <label for="birthday">*Fecha de nacimiento:</label>
                                      <div class="row">
                                        <div class="col">
                                          <select class="form-control" name="birthday_day" required>
                                            <option value="" selected disabled>DD</option>
                                            @foreach ($days as $item)
                                              <option value="{{$item->num}}" {{old('birthday_day') == $item->num ? 'selected' : '' }}>{{$item->num}}</option>
                                            @endforeach
                                          </select>
                                        </div>
                                        <div class="col padding0">
                                          <select class="form-control" name="birthday_month" required>
                                            <option value="" selected disabled>MM</option>
                                            @foreach ($months as $item)
                                              <option value="{{$item->num}}" {{old('birthday_month') == $item->num ? 'selected' : '' }}>{{$item->num}}</option>
                                            @endforeach
                                          </select>
                                        </div>
                                        <div class="col">
                                          <select class="form-control" name="birthday_year" required>
                                            <option value="" selected disabled>YYYY</option>
                                            @foreach ($years as $item)
                                              <option value="{{$item->num}}" {{old('birthday_year') == $item->num ? 'selected' : '' }}>{{$item->num}}</option>
                                            @endforeach
                                          </select>
                                        </div>
                                      </div>
                                    </div>
                                </div> --}}
                                {{--                                 <div class="row form-group">
                                    <div class="col">
                                        <label for="department">*Ciudad:</label>
                                        <select name="city_id" class="form-control" id="city_id">
                                            <option value="">Selecciona ciudad</option>
                                            @foreach ($cities as $item)
                                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div> --}}

                                <div class="row form-group">
                                    <div class="col-12">
                                        <label for="code">Código Tienda (opcional)</label>
                                        <input type="text" name="code" class="form-control">
                                    </div>
                                </div>

                                {{--  <div class="row form-group">
                                    <div class="col-6">
                                        <label for="cellphone">*Teléfono celular:</label>
                                        <input type="text" name="cellphone" class="form-control"
                                            value="{{ old('cellphone') }}" required>
                                    </div>
                                    <div class="col-6">
                                        <label for="code">Código Tienda (opcional)</label>
                                        <input type="text" name="code" class="form-control">
                                    </div>
                                </div> --}}
                                {{--  <div class="row form-group">
                                    <div class="col">
                                        <label for="password">*Contraseña</label>
                                        <input type="password" name="password" class="form-control">
                                    </div>
                                    <div class="col">
                                        <label for="password_confirmation">*Confirmar contraseña</label>
                                        <input type="password" name="password_confirmation" class="form-control">
                                    </div>
                                </div> --}}
                                <div class="form-group">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="terms" id="terms-check"
                                            required>
                                        <label class="form-check-label" for="terms-check">
                                            Autorizo el tratamiento de mis datos de acuerdo con la finalidad establecida en
                                            la <span><a
                                                    href="https://www.laroscadd.com.co/storage/terms/Qa89oztC7hKwvBo1ES3oHhf4dv098lJzbjTGcnFJ.pdf"
                                                    target="_blank">política de protección
                                                    de datos
                                                    personales</a></span>
                                        </label>
                                    </div>
                                </div>
                                <button class="btn btn-submit" type="submit">¡Únete ya!</button>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        @include('partials.footer')
                    </div>
                </div>
            </div>
        </div>
        <div class="right-section">
            @include('partials.carousel-auth', ['banners' => $auth_banners])
        </div>
    </div>
@endsection