@extends('mail.inc.styles')

@section('title', __('mail.register.0'))
@section('content')
    <div class="wrapper container">
        <div class="header">
            <h1>{{ __('mail.register.2') }}</h1>
        </div>
        <h2 style="padding: 0 5px">{{ __('mail.register.1', ['site' => ucfirst(strtolower(request()->getHost()))]) }}</h2>
        <hr>
        <div class="content">
            <div class="wrapper1" style="border: 1px solid rgba(0, 0, 0, 0.23);border-radius: 5px;">
                <div class="header1" style="background: #f4f4f4;padding: 7px 10px;">
                    <p style="text-align: center;font-weight: 800; margin: 0;color: #353535 !important;">{{ __('mail.register.4') }}</p>
                </div>
                <hr style="padding: 0;margin: 0;background: #F8F8F8FF!important;">
                <div style="background-color: #F8F8F8FF">
                    <div class="content1" style="display: flex!important;flex-direction: column!important;background: #F8F8F8FF;!important">
                        <span style="color: #0b0a0a !important;display: flex;align-items: center;gap: 7px;padding: 10px!important;"><span style="color: #191919 !important;width: 80px;">{{ __('mail.register.5') }}</span> <p style="margin: 0;background: #fff!important;border: 1px solid rgba(0,0,0,0.09);color: #000!important;padding: 0 4px;border-radius: 3px;">{{ $mail }}</p></span>
                        <hr style="margin: 3px 0;background: #F8F8F8FF!important;">
                        <span style="color: #0b0a0a !important;display: flex;align-items: center;gap: 7px;padding: 10px!important;"><span style="color: #191919 !important;width: 80px;">{{ __('mail.register.6') }}</span> <p style="margin: 0;background: #fff!important;border: 1px solid rgba(0,0,0,0.09);color: #000!important;padding: 0 4px;border-radius: 3px;">{{ $login }}</p></span>
                        <hr style="margin: 3px 0;background: #F8F8F8FF!important;">
                        <span style="color: #0b0a0a !important;display: flex;align-items: center;gap: 7px;padding: 10px!important;"><span style="color: #191919 !important;width: 80px;">{{ __('mail.register.7') }}</span> <p style="margin: 0;background: #fff!important;border: 1px solid rgba(0,0,0,0.09);color: #000!important;padding: 0 4px;border-radius: 3px;">{{ $password }}</p></span>
                        <hr style="margin: 3px 0;background: #F8F8F8FF!important;">
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <p>{{ __('mail.activation.7') }}</p>
            <p><a href="{{ config('app.url') }}">{{ strtoupper(config('app.name')) }}</a></p>
        </div>
    </div>
@endsection