@extends('layouts.app')

@section('content')
<h1 class="text-center"> {{ __('contract.congrat.title') }}</h1>
<hr class="my-4">
<div class="row justify-content-center col-lg-12 m-0 px-0" >
    <div class="col-lg-9">

        @include('components.pdfPreview')

        <p class="signing_desc text-center">
            {{ $thankyou['text'] }}
        </p>
        <div class="d-flex justify-content-center mt-5">
            <a href="{{ $pdfDownload }}" target="_blank" class="btn btn-primary w-100">{{ __('contract.congrat.buttonDownloadContract') }}</a>
        </div>
        <div class="form-group text-center mt-2 w-100">
            <button type="submit" class="btn btn-secondary btn-save btn_little_save w-100" onclick="window.location='{{ route('dashboard.contracts', app()->getLocale()) }}'">{{ __('contract.congrat.buttonContinueToDashboard') }}</button>
        </div>
        <div id="" class="p-3" style="background-color: #3D67BD; border-radius: 15px; position: relative; margin-top: 25px;">
            <div class="container my-3 px-0">
                <div class="mb-3 text-center" style="font-size: 18px; font-weight: bold; color: #fff !important;">
                    {{ __('contract.congrat.shareThisApp') }}
                </div>
                <div class="d-flex justify-content-center row mx-0 p-0">                    
                    <div class="col-3 col-sm-3 col-md-2 col-lg-2 my-2 p-0">
                        <div class="soc-share-btn text-center d-flex justify-content-center align-items-center mx-auto" style="" onclick="window.open('{{ route('socialShare', array( app()->getLocale(), 'facebook')) }}', '_blank')">
                            <a class="text-center" style="color: #fff; text-decoration: none !important;" href="{{ route('socialShare', array( app()->getLocale(), 'facebook')) }}" target="_blank"><i class="fab fa-facebook-f"></i></a>
                        </div>
                    </div>
                    <div class="col-3 col-sm-3 col-md-2 col-lg-2 my-2 p-0">
                        <div class="soc-share-btn text-center d-flex justify-content-center align-items-center mx-auto" style="" onclick="window.open('{{ route('socialShare', array( app()->getLocale(), 'twitter')) }}', '_blank')">
                            <a class="text-center" style="color: #fff; text-decoration: none !important;" href="{{ route('socialShare', array( app()->getLocale(), 'twitter')) }}" target="_blank"><i class="fab fa-twitter"></i></a>
                        </div>
                    </div>
                    <div class="col-3 col-sm-3 col-md-2 col-lg-2 my-2 p-0">
                        <div class="soc-share-btn text-center d-flex justify-content-center align-items-center mx-auto" style="" onclick="window.open('{{ route('socialShare', array( app()->getLocale(), 'linkedin')) }}', '_blank')">
                            <a class="text-center" style="color: #fff; text-decoration: none !important;" href="{{ route('socialShare', array( app()->getLocale(), 'linkedin')) }}" target="_blank"><i class="fab fa-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="col-3 col-sm-3 col-md-2 col-lg-2 my-2 p-0">
                        <div class="soc-share-btn text-center d-flex justify-content-center align-items-center mx-auto" style="" onclick="window.open('{{ route('socialShare', array( app()->getLocale(), 'email')) }}', '_blank')">
                            <a class="text-center" style="color: #fff; text-decoration: none !important;" href="{{ route('socialShare', array( app()->getLocale(), 'email')) }}" target="_blank"><i class="far fa-envelope"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection