@extends('layouts.app')

@section('content')
    <div class="container-fluid login">
        <div class="row">
            <div class="col-md-4 d-flex align-self-center justify-content-center bg-leftside ">
                <img src="{{ asset('images/logo.svg') }}" alt="" width="50%">
            </div>
            <div class="col-md-8 bg-white">
                <div class="form-area">
                    <div class="mb-30">
                        <a href="{{ route('users.relogin') }}" class="discription">
                            <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
                        </a>
                    </div>
                    <h1 class="h1-bold">Pas encore de compte ?</h1><br>
                    <p style="width:50%;color:black">Le numéro inscrit n’a pas de compte associé, créez le votre dès à
                        présent sur l’app Carte jeunes.</p>
                    <div class="cadre-app">
                        <div class="row">
                            <div class="col-md-3">
                                <img src="/images/cartejeuneicon.png">
                            </div>
                            <div class="col-md-9">
                                <h2 class="H2-white">Télécharge l’app CarteJeunes</h2>
                                <div class="row g-1 justify-content-start">
                                    <div class="col-6 pe-20">
                                        Sur Android
                                        <a href="https://apps.apple.com/fr/app/carte-jeunes-ci/id6456452026"><img src="{{ asset('images/googleplay.svg') }}" alt="" class="store-icon"></a>
                                    </div>
                                    <div class="col-6">
                                        Sur IOS
                                        <a href="https://play.google.com/store/apps/details?id=com.cartejeune"><img src="{{ asset('images/appstore.svg') }}" alt="" class="store-icon"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection