@extends('layouts.main')

@section('header')
    @include('inc.banner_top')
    <x-steps step=1></x-steps>
@endsection

@section('content')

    <h1 class="text-center mb-5 text-uppercase">Plateste</h1>

    <div class="row pt-3 justify-content-center">
        <div class="col-5 text-end ">
            <img src="{{ url('/images/phone.png') }}" class="img-fluid pe-3">
        </div>
        <div class="col-6 ">

            @if ($errors->any())
                <x-alert type="danger" message="Câmpurile evidențiate mai jos conțin erori!" />
            @endif

            <p class="pt-4 text-secondary">Trimite un SMS la <b class="text-blue">7575</b> cu initialele testului dorit si dupa ce confirmi plata vei primi codul de acces la test. </p>
            <p class="pt-2 mb-2 text-secondary">Trimite <b class="text-blue">{{ $test->acronym }}</b> pentru <b class="text-blue">{{ $test->type }}</b></p>
            <p><span class="badge bg-yellow fs-6">10€ <i class="fw-normal">+ TVA</i></span></p>
            <form action="/login" method="post">
                
                @csrf
                <div class="mb-3 has-validation">
                    <input type="text" name="cod" class="form-control {{ $errors->has('cod') ? 'is-invalid' : '' }}" id="nume" placeholder="Codul SMS">
                </div>
                <div class="mb-3 has-validation">
                    <input type="text" name="identificare" class="form-control  {{ $errors->has('identificare') ? 'is-invalid' : '' }}"  placeholder="Cum ai aflat de acest test?">
                </div>

                <input type="hidden" name="test" value="{{ $test->acronym }}" >
                <button type="submit" class="btn btn-pemeserie rounded-pill">Mai departe</button>
            </form>
        </div>
    </div>
    
@endsection