@extends('layouts.medium')

@section('header')
    @include('inc.banner_top')
    @include('parts.steps', ['step' => $step])
@endsection

@section('content')

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

    <!-- <div class="text-center">
        <img src="images/test.png" class="img-fluid pe-2">
    </div>

    <form action="plateste.php" method="get" class="select-test mt-2 px-2 px-md-0">
    <div class="row">

        <div class="col">
            <div class="form-check mb-2 border p-3 rounded">
                <input class="form-check-input" type="radio" name="test" value="lsi" id="lsi">
                <label class="form-check-label text-secondary ms-1" for="lsi" role="button">
                    <span class="text-dark-blue fw-bold">LSI</span> <br> Stiluri de invatare <br>
                    <span class="badge fs-small bg-yellow">10 € + TVA</span>
                </label>
            </div>
        </div>
        <div class="col">
            <div class="form-check mb-2">
                <input class="form-check-input" type="radio" name="test" value="ist" id="ist">
                <label class="form-check-label text-secondary ms-1" for="ist" role="button">
                    <span class="text-dark-blue fw-bold">IST</span> - Testul de inteligenta <br>
                    <span class="badge fs-small bg-yellow">10 € + TVA</span>
                </label>
            </div>
        </div>
        <div class="col">
            <div class="form-check mb-2">
                <input class="form-check-input" type="radio" name="test" value="bfq" id="bfq">
                <label class="form-check-label text-secondary ms-1" for="bfq" role="button">
                    <span class="text-dark-blue fw-bold">BFQ</span> - Testul de personalitate <br>
                    <span class="badge fs-small bg-yellow">10 € + TVA</span>
                </label>
            </div>
        </div>
        <div class="col">
            <div class="form-check mb-2">
                <input class="form-check-input" type="radio" name="test" value="sds" id="sds">
                <label class="form-check-label text-secondary ms-1" for="sds" role="button">
                    <span class="text-dark-blue fw-bold">SDS</span> - Testul de interese <br>
                    <span class="badge fs-small bg-yellow">10 € + TVA</span>
                </label>
            </div>
        </div>
        <div class="col">
            <div class="form-check mb-4">
                <input class="form-check-input" type="radio" name="test" value="jvis" id="jvis">
                <label class="form-check-label text-secondary ms-1" for="jvis" role="button">
                    <span class="text-dark-blue fw-bold">JVIS</span> - Testul de interese <br>
                    <span class="badge fs-small bg-yellow">10 € + TVA</span>
                </label>
            </div>
        </div>
    </div>
    </form> -->

    <div class="row  justify-content-center mb-5 ">
        <div class="col-md-5 text-end text-center text-md-end">
            <img src="images/test.png" class="img-fluid pe-2">
        </div>
        <div class="col-md-6 d-flex justify-content-left">
            <form action="plateste.php" method="get" class="select-test px-2 px-md-0">
                <div class="form-check mb-3 ">
                    <input class="form-check-input" type="radio" name="test" value="lsi" id="lsi">
                    <label class="form-check-label text-secondary ms-1 fs-6" for="lsi" role="button">
                        <span class="text-dark-blue fw-bold ">LSI</span> - Stiluri de invatare <br>
                        <span class="badge bg-yellow">10 € + TVA</span>
                    </label>
                </div>

                <div class="form-check mb-3">
                    <input class="form-check-input" type="radio" name="test" value="ist" id="ist">
                    <label class="form-check-label text-secondary ms-1 fs-6" for="ist" role="button">
                        <span class="text-dark-blue fw-bold">IST</span> - Testul de inteligenta <br>
                        <span class="badge bg-yellow">10 € + TVA</span>
                    </label>
                </div>
                <div class="form-check mb-3">
                    <input class="form-check-input" type="radio" name="test" value="bfq" id="bfq">
                    <label class="form-check-label text-secondary ms-1 fs-6" for="bfq" role="button">
                        <span class="text-dark-blue fw-bold">BFQ</span> - Testul de personalitate <br>
                        <span class="badge bg-yellow">10 € + TVA</span>
                    </label>
                </div>
                <div class="form-check mb-3">
                    <input class="form-check-input" type="radio" name="test" value="sds" id="sds">
                    <label class="form-check-label text-secondary ms-1 fs-6" for="sds" role="button">
                        <span class="text-dark-blue fw-bold">SDS</span> - Testul de interese <br>
                        <span class="badge bg-yellow">10 € + TVA</span>
                    </label>
                </div>

                <div class="form-check mb-4">
                    <input class="form-check-input" type="radio" name="test" value="jvis" id="jvis">
                    <label class="form-check-label text-secondary ms-1 fs-6" for="jvis" role="button">
                        <span class="text-dark-blue fw-bold">JVIS</span> - Testul de interese <br>
                        <span class="badge bg-yellow">10 € + TVA</span>
                    </label>
                </div>

                <div class="text-center text-md-start ">
                    <button type="submit" class="btn btn-pemeserie rounded-pill ms-4">Mai departe</button>
                </div>
            </form>
        </div>
    </div>
    
@endsection