@extends('mail.layout_mail')

@section('title')
    Proonline Academy
@endsection

@push('style')
    <style type="text/css">
        table {
            border-spacing: 0;
        }

        td {
            padding: 0;
        }

        img {
            border: 0;
        }

        .main {
            background-color: #fff;
            margin: 0 auto;
            width: 100%;
            max-width: 800px;
            border-spacing: 0;
            color: #4a4a4a;
            border-radius: 5px;
        }

        .column {
            text-align: center;
            width: 100%;
        }

        .social-icons a {
            display: inline-block;
            margin-right: 10px;
        }

        .logo {
            display: flex;
            justify-content: center
        }
    </style>
@endpush

@section('content')
    <table class="main">
        <tr>
            <td>
                <table width="100%">
                    <tr>
                        <td style="text-align: center;padding: 15px;">
                            {{-- <p style="font-size: 20px; font-weight: bold">هلا فيك {{ $customer->name }} --}}
                            <p style="font-size: 20px; font-weight: bold">هلا فيك اسلام قباري
                            <p style="text-align: center;font-size: 25px;">
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
        <tr>
            <td style="text-align:center">
                <div style="margin: 0;padding: 0;margin-top: 0">
                    <p>تمت عملية الشراء الخاصة بك بنجاح، وسيتم ارسال تفاصيل طلبك فور التأكد من البيانات.
                    </p>
                    <p>يُمكنك زيارة حسابك في أي وقت للتحقق من التفاصيل.</p>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:center;">
                <div style="margin: 0;">
                    <a href="/student/dashboard?tab=profile"
                        class="btn-prim">زيارة حسابي</a>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:center;">
                <p>إذا كان لديك أي أسئلة أو تحتاج إلى مساعدة، نحن هنا لخدمتك. راسلنا على:</p>
                <p>الإيميل {{ $contact_information['email'] }}</p>
                <p>أو اتصل علينا على {{ $contact_information['tel_number'] }}</p>
                <p>أو عبر وسائل التواصل الإجتماعي</p>
                <div class="icons">
                    @foreach ($contact_information['social_media_links'] as $link)
                        <a href="{{ $link['url'] }}">
                            <img src="{{ env('APP_URL') . $link['icon_footer'] }}">
                        </a>
                    @endforeach
                </div>
                <p>نتمنى لك دراسة ممتعة ونلقاك قريبًا!</p>
                <p>مع تمنياتنا بالتوفيق الدايم،</p>
                <p>معاهد بروليدرز </p>
                </div>
            </td>
        </tr>
    </table>
@endsection