@extends('web.layouts.container')

@section('css')

    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/izitoast/dist/css/iziToast.min.css" />

    <style>
        body{
            text-align: center !important;
        }
    </style>
@endsection


@section('content')
    <div class="soon">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-5">
                    <div class="content">
                        <h2>{{__('applicationForms.service_provider_platform')}}</h2>
                        <div class="logo">
                            <img src="{{asset('assets/web/images/logo.png')}}" alt="">
                        </div>
                        <div class="text-center">
                            <a href="{{route('registrationForm')}}" class="button instagram"><span class="gradient"></span>{{__('main.new_register')}}</a>
                        </div>
                        <div class="text-center">
                            <a href="#0" class="button instagram warningClick"><span class="gradient"></span>{{__('main.edit_info')}}</a>
                        </div>
                        <div class="text-center">
                            <a href="#0" class="button instagram warningClick"><span class="gradient"></span>{{__('main.return_empty_trip')}}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('inner_js')

    <script src="https://unpkg.com/izitoast/dist/js/iziToast.min.js"></script>
    <script>
        // warning
        $('.warningClick').click(function() {
            iziToast.warning({
                position: "topRight",
                title: '',
                message: 'سيتم تنفيذ هذه الخاصيه من خلال التطبيق '
            });
        });
    </script>
@endsection