@extends('website.layout')

@section('content')
    <div style="padding-top: 82px">
        @include('website.includes.part.breadcrumb')

    </div>

    <section class="section section-features">
        <div class="container-fluid">
            <div class="row d-flex justify-content-center">

                <div class="col-md-7">
                    <div class="section-header aos text-center" data-aos="fade-up">
                        <h2 class="mt-2" >Bienvenu sur {{optional(InfosSystem())->name}}</h2>
                        <p>Veuillez choisir un profil pour vous inscrire sur la plateforme </p>
                    </div>
                    <div class="d-flex justify-content-center" data-aos="fade-up">

                        <div class="feature-item text-center col-md-3">
                            <a href="{{route('website.auth.register', "doctor")}}">
                            <img src="{{asset('no-image.png')}}" class="img-fluid" alt="Feature">
                            <p>Médecin</p>
                            </a>
                        </div>


                        <div class="feature-item text-center col-md-3">
                            <a href="{{route('website.auth.register', "patient")}}">
                            <img src="{{asset('no-image.png')}}" class="img-fluid" alt="Feature">
                            <p>Patient </p>
                            </a>
                        </div>


                        <div class="feature-item text-center col-md-3">
                            <a href="{{route('website.auth.register', "pharmacy")}}">
                            <img src="{{asset('no-image.png')}}" class="img-fluid" alt="Feature">
                            <p>Pharmacie</p>
                            </a>
                        </div>



                    </div>
                </div>
            </div>
        </div>
    </section>


@endsection