{{-- <x-app-layout title="Scraptcha - Catcha Solver"> --}}
<x-app title="Services" active="services">
    @section('extra-css')
    <style>
        .table td {
            font-size: 18px;
            font-weight: bold;
        }
    </style>
    @endsection
    <x-slot name="header">
        <h1 style="color: white;font-size:22px">
            {{ __('Services') }}
        </h1>
    </x-slot>

    <div class="page-inner mt-3">

        <div class="row">
            <div class="col-md-12">

                @foreach (['danger', 'success'] as $status)
                @if (Session::has($status))
                <div class="alert alert-{{ $status }} alert-dismissible" style="margin-top:18px;">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
                    <strong>
                        @if ($status == 'success')
                        Félicitations!
                        @else
                        Attention!
                        @endif
                    </strong>{{ Session::get($status) }}
                </div>
                @endif
                @endforeach

                <div class="row">


                    <div class="col-sm-12 col-md-4">
                        <a href="{{ url(app()->getLocale() . '/linked-automation') }}" id="cardLink">
                            <div class="card full-height">
                                <h5 class="card-title mt-3 mb-4 pl-3"> {{ __('messages.title_service1') }}</h5>

                                <img src="{{ asset('images/services/screen1.png') }}" class="card-img-top h-75" style="border-radius: 0px" alt="Scrptcha">
                                <div class="card-body">
                                    <p class="card-text">
                                        {{ __('messages.description_service1') }}
                                    </p>
                                    <br />
                                    <a href="{{ url(app()->getLocale() . '/linked-automation') }}" class="btn btn-default float-right waves-effect"> {{ __('messages.decouvrir') }} </a>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="col-sm-12 col-md-4">
                        <a href="{{ url(app()->getLocale() . '/captcha-solver') }}" id="cardLink">
                            <div class="card full-height">
                                <h5 class="card-title mt-3 mb-4 pl-3"> {{ __('messages.title_service2') }}</h5>

                                <img src="{{ asset('images/services/screen2.png') }}" class="card-img-top h-75" style="border-radius: 0px" alt="Scrptcha">
                                <div class="card-body">
                                    <p class="card-text">
                                        {{ __('messages.description_service2') }}
                                    </p>
                                    <br />
                                    <a href="{{ url(app()->getLocale() . '/captcha-solver') }}" class="btn btn-default float-right waves-effect"> {{ __('messages.decouvrir') }} </a>
                                </div>
                            </div>
                        </a>
                    </div>


                    <div class="col-sm-12 col-md-4">
                        <a href="{{ url(app()->getLocale() . '/scraping') }}" id="cardLink">
                            <div class="card full-height">
                                <h5 class="card-title mt-3 mb-4 pl-3"> {{ __('messages.title_service3') }}</h5>

                                <img src="{{ asset('images/services/screen3.png') }}" class="card-img-top h-75" style="border-radius: 0px" alt="Scrptcha">
                                <div class="card-body">
                                    <p class="card-text">
                                        {{ __('messages.description_service3') }}
                                    </p>
                                    <br />
                                    <a href="{{ url(app()->getLocale() . '/scraping') }}" class="btn btn-default float-right waves-effect"> {{ __('messages.decouvrir') }} </a>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
        </div>

    </div>

    </div>

    @section('extra-js')
    @endsection

</x-app>