@extends('layouts.main')

@section('header')
    @include('inc.banner_top')
@endsection

@section('content')

<div class="text-end mb-2">
    <a href="@asset('promotie/regulament.php')" class="fs-small" ><i class="fas fa-info-circle"></i> Regulamentul Promoției</a>
</div>

<div class="rounded-more border p-4">
    <h3 class="text-center mb-1 mt-3">Profită de promoția</h3>
    <h1 class="text-center text-dark-blue mb-5">Plătești 2, primești 4!</h1>
        
    <div class="row">
        <div class="col-sm-6 order-2 order-sm-1">
            <div class="text-justify mt-4 mt-sm-0 text-secondary">
                <p>Bine ai venit!</p>
                <p class="mb-4">Platforma PeMeserie.ro îți pune la dispoziție 3 teste de orientare în carieră renumite pe plan mondial. Aceste teste îți oferă informații despre trei aspecte relevante în alegerea profesiei: interese, trăsături de personalitate și potențialul tău cognitiv. Acum poți primi toate aceste informații într-un raport integrat oferit la final ca <b>bonus</b> prin promoția <b>Plătești 2, primești 4!</b> </p>
                

                <div class="alert alert-warning d-none">
                    <b>Atenție:</b> Raportul integrat se generează doar pentru combinația de teste SDS, BFQ și IST, după completarea acestora. Așadar, promoția nu se aplică dacă optați pentru testul de interese JVIS (în loc de SDS).
                </div>

                <h5 class="text-blue">CE TREBUIE SĂ FACI?</h5>
                Folosind codul promoțional <b>2+1+bonus</b> (sau codul de pe flyer-ul promotional de forma <b>PM xxxx</b>) vei avea acces gratuit la unul din cele trei teste, cu condiția ca tu să le achiziționezi pe celalalte 2. Achiziția celor două teste se face prin SMS, la tariful standard de 10 euro + TVA per test. Astfel, <b>tu achiziționezi prin SMS Testul de personalitate (BFQ) și Testul de interese (SDS) iar noi îți oferim gratuit Testul de inteligență (IST).</b></p>

                <p>Urmează pașii de mai jos pentru a primi acces gratuit la <b>Testul de inteligență (IST).</b></p>
            </div>
        </div> <!--/col -->
        <div class="col-sm-6 order-1 order-sm-2">
            <div class="rounded-more border bg-light p-4 mt-0 mt-sm-5">
               
                <!-- @if($message->hasMessages())
                    {{ $message->display() }}
                @endif -->

                <form action="" method="post">
                    <div class="mb-3 has-validation">
                        <label for="cod1" class="form-label fw-bold">Cod BFQ</label>
                        <input type="text" class="form-control {{ hasError('cod1') }}" name="cod1" id="cod1" placeholder="Cod BFQ" value="{{ old('cod1') }}" >
                        <div class="invalid-feedback">
                            {{ error('cod1') }}
                        </div>
                    </div>
                    
                    <div class="mb-3 has-validation">
                        <label for="cod_2" class="form-label fw-bold">Cod SDS</label>
                        <input type="text" class="form-control {{ hasError('cod2') }}" name="cod2" id="cod_2" placeholder="Cod SDS" value="{{ old('cod2') }}">
                        <div class="invalid-feedback">
                            {{ error('cod2') }}
                        </div>
                    </div>
                    
                    <div class="mb-3 has-validation">
                        <label for="cod_voucher" class="form-label fw-bold">Cod Promo</label>
                        <input type="text" class="form-control {{ hasError('cod_voucher') }}" name="cod_voucher" id="cod_voucher" placeholder="Cod Promo" value="{{ old('cod_voucher') }}">
                        <div class="invalid-feedback">
                            {{ error('cod_voucher') }}
                        </div>
                    </div>
                    
                    <div class="mb-3 has-validation">
                        <label for="email" class="form-label fw-bold">Email</label>
                        <input type="email" class="form-control {{ hasError('email') }}" name="email" id="email" placeholder="Email"  value="{{ old('email') }}">
                        <div class="invalid-feedback">
                            {{ error('email') }}
                        </div>
                    </div>
                    
                    <div class="text-end">
                        <input type="hidden" name="action" value="Genereaza cod">
                        <button class="btn btn-pemeserie rounded-pill" type="submit">Genereaza cod</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <h5 class="text-blue mt-3">PAȘI PROMOȚIE</h5>
    <ol class="text-justify text-secondary">
        <li>Trimite <b>SMS la 7575</b> (Vodafone și Orange) <b>sau 75750</b> (TELEKOM) pentru a comanda cele 2 teste: un SMS cu textul <b>„BFQ”</b> (pentru achiziția Testului de Personalitate) și altul cu textul <b>„SDS”</b> (pentru achiziția Testului de Interese). Vei primi câte un mesaj de confirmare pentru fiecare dintre ele.  </li>
        <li>Confirmă plata trimițând un SMS cu textul DA.</li>
        <li>Primești codurile de acces pentru Testele de Personalitate și de Interese. Păstrează SMS-urile. </li>
        <li>Introdu cele 2 coduri de acces primite prin sms în campurile <b>Cod BFQ</b> și respectiv <b>Cod SDS</b>.</li>
        <li>Introdu codul promoțional <b>2+1+bonus</b> (sau codul de pe flyer-ul promotional de forma <b>PM xxxx</b>) în câmpul <b>Cod promo</b> </li>
        <li>Completează câmpul Adresa de email cu adresa ta de mail.</li>
        <li>Dă click pe GENEREAZĂ COD și vei primi instant un cod cadou pentru acces gratuit la Testul de inteligență (IST).</li>
        <li>Dă click pe linkul activ ÎNCEPE TESTAREA și completează rând pe rând cele 3 teste. Vei primi câte un raport cu rezultatele tale pentru fiecare test. Iar după ce ai completat toate cele 3 teste, va fi generat și raportul integrat oferit ca bonus. Acesta sintetizează info din toate cele 3 rapoarte, incluzând și un ghid de lucru/plan de acțiune pentru viitor</li>
    </ol>
   
</div>

@endsection