<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width">
    <title></title>
    <style type="text/css">
        .mail-body {
            font-family: Tahoma, sans-serif;
            font-size: 20px;
            font-weight: bold;
            color: black;
            line-height: 40px;
            margin-top: 20px;
        }

        .mail-greeting {
            font-size: 28px;
            font-weight: bold;
            color: #000;
        }

        .red-section {
            color: #000;
            font-weight: bold;
        }

        .mail-signature {
            font-size: 28px;
            font-weight: bold;
            color: #000;
            margin-top: 20px;
        }

        .mail-sender {
            font-size: 20px;
            font-weight: normal;
            color: #74787e;
        }

        .mail-note {
            font-size: 16px;
            font-weight: normal;
            color: #74787e;
        }

        .mail-btn {
            display: flex;
            margin: 20px 0;
        }

        .mail-btn a {
            border-radius: 30px;
            border-width: 1px;
            border-style: solid;
            color: white;
            text-decoration: none;
            background-color: #ff3399;
            padding: 0 35px;
            display: block;
            margin: 0 auto;
        }

        .mail-btn a:hover {
            background-color: white !important;
            color: #000 !important;
            font-weight: bold;
        }

        .header-image {
            width: 100%;
            height: auto;
        }

        .mail-footer {
            padding: 0 20px;
            width: 100%;
            min-height: 120px;
            padding-top: 15px;
        }

        .mail-content {
            width: 100%;
            height: fit-content;
            padding: 30px;
            background-color: white;
        }

        .left-footer {
            width: 100% !important;
        }

        .right-footer {
            width: 100% !important;
            text-align: center ;
            font-size: 10px;
            font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
        }

        .botton-footer {
            margin-top: 15px;
            width: 100% !important;
            text-align: center;
            display: inline-block;
        }

        .left-footer,
        .right-footer {
            height: fit-content;
            color: white;
            display: inline-block;
            margin: auto 0;
            position: relative;
        }
        .right-footer {
            margin-top: 15px;
        }

        .left-footer-btn {
            text-align: left;
            display: inline-block;
            flex: auto;
        }
        .left-footer-text {
            font-weight: bold;
            display: inline-block;
            font-size: 14px;
            text-align: right;
            flex: auto;
            padding-bottom: 10px;
        }

        .left-footer .btn-group {
            display: inline-block;
            height: 30px;
            text-align: center;
            padding-left: 0
        }


        .mail-footer .btn-group img {
            height: 30px;
            margin: 0px;
        }

        .left-footer-btn .btn-group a {
            text-decoration: none;
        }

        .botton-footer .btn-group {
            display: block;
            height: 25px;
            text-align: center;
            margin-bottom: 10px;
            flex: auto;
        }
        .botton-footer .btn-group a {
            text-decoration: none!important;
            height: 20px ;
            width: 20px  ;
            margin: 0 4px ;
        }

        .botton-footer .btn-group img {
            height: 18px;
            width: 18px  ;
            margin: 0 2px;
        }
        .btndownloadapp {
            width: 100%;
            height: 28px;
            background-repeat: no-repeat;
        }

        @media (max-width: 680px) {
            .mail-footer {
                display: block !important;
                padding: 15px !important;
                height: auto !important;
            }

            .left-footer,
            .right-footer {
                width: 100% !important;
                display: block !important;
            }
            .right-footer {
                text-align: center!important;
            }
            .botton-footer {
                width: 100% !important;
                text-align: center !important;
                height: 35px !important;
                display: block !important;
                margin: 5px auto !important;
            }

            .btndownloadapp {
                margin: 0 auto;
            }
            .left-footer-btn {
                text-align: center!important;
                display: block !important;
                height: 40px;
            }
            .left-footer-text {
                text-align: center!important;
                display: block !important;
                margin-top: 15px!important;
                width: 100%!important;
            }
            .left-footer .btn-group {
                display: block !important;
                height: auto !important;
                text-align: center;
                left: unset;
            }

            .left-footer .btn-group img {
                height: 30px !important;
                width: auto !important;
            }
            .left-footer-text img {
                margin: 0 auto;
            }
            .botton-footer .btn-group {
                display: block !important;
                height: 40px !important;
                width: 100% !important;
                margin-bottom: 10px !important;
            }

            .botton-footer .btn-group a {
                text-decoration: none!important;
                height: 20px !important;
                width: 20px !important;
                margin: 0 4px!important;
                display: inline-block !important;
            }
            .botton-footer .btn-group img {
                height: 18px !important;
                width: 18px !important;
            }
        }
        table.center {
            margin-left:auto;
            margin-right:auto;
        }
    </style>
</head>
<body>
<center>
    <table class="center" role="presentation" align="center" border="0" cellspacing="0" width="100%">
        <tr>
            <td>
    <div id="email" style="width:600px;margin: 0 auto">

        <!-- Header -->
        <table role="presentation" border="0" cellspacing="0" width="100%">
            <tr>
                <td>
                    <img class="header-image" src="{{ $header ?? '' }}" style="max-width: 600px" alt="">
                </td>
            </tr>
        </table>

        <!-- Body -->
        <table role="presentation" border="0" cellspacing="0" width="100%">
            <tr>
                <td>
                    <div class="mail-content">
                        {{--    {{ Illuminate\Mail\Markdown::parse($slot) }}--}}
                        {!! $slot !!}

                        {{ $subcopy ?? '' }}
                    </div>
                </td>
            </tr>
        </table>

        <!-- Footer -->
        <table role="presentation" border="0" cellspacing="0" width="100%"  style="background-color:#000000">
            <tr>
                <td align="center" height="10">

                </td>
            </tr>
            <tr>
                <td align="center">
                    <div class="left-footer">
                        <div class="left-footer-btn">
                            <div class="btndownloadapp"   >
                                <div class="btn-group">
                                    <a type="button" target="_blank" href="https://play.google.com/store/apps/details?id=com.yajny.cashback" class="">
                                        <img width="139" src="{{ asset('images/mailtheme/downloadtheappv2-'. $lang.'.png?v=9990322435') }}" alt="google-play" />
                                    </a>
                                    <a type="button" target="_blank" href="https://apps.apple.com/app/yajny/id1521313666" class="">
                                        <img height="25" src="{{ asset('images/mailtheme/appelbtnicon.png') }}" alt="app-store">
                                    </a>
                                    <a type="button" target="_blank" href="https://appgallery.huawei.com/#/app/C104893765" class="">
                                        <img height="25" src="{{ asset('images/mailtheme/huaweibtnicon.png') }}" alt="huawei-store">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <div class="right-footer" >
                        <img src="{{ asset('images/mailtheme/madewithlovev3_'. $lang.'.png?v=232é44324'. $lang.'') }}" width="{{ $lang=='en' ? '116':'113' }}"  alt="made with love in cairo" >
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <div class="botton-footer">
                        <div class="btn-group">
                            <a type="button" target="_blank" href="https://www.yajny.com" class=""><img src="{{ asset('images/mailtheme/icon-web.png') }}" width="18" alt="web"></a>
                            <a type="button" target="_blank" href="https://www.facebook.com/YajnyOfficial" class=""><img src="{{ asset('images/mailtheme/icon-facebook.png') }}" width="18" alt="facebook"></a>
                            <a type="button" target="_blank" href="https://www.instagram.com/yajnyofficial/" class=""><img src="{{ asset('images/mailtheme/icon-instagram.png') }}" width="18" alt="instagram"></a>
                            <a type="button" target="_blank" href="https://twitter.com/YajnyOfficial" class=""><img src="{{ asset('images/mailtheme/icon-twitter.png') }}" width="18" alt="twitter"></a>
                            <a type="button" target="_blank" href="https://www.linkedin.com/company/yajnyofficial/" class=""><img src="{{ asset('images/mailtheme/icon-linkedin.png') }}" width="18" alt="linkedin"></a>
                            <a type="button" target="_blank" href="https://www.youtube.com/channel/UCum0plVIQnHrZedzMOcql2g" class=""><img src="{{ asset('images/mailtheme/icon-youtube.png') }}" width="18" alt="youtube"></a>
                            <a type="button" target="_blank" href="https://www.snapchat.com/add/yajny" class=""><img src="{{ asset('images/mailtheme/icon-snap.png') }}" width="18" alt="snap"></a>
                            <a type="button" target="_blank" href="https://www.tiktok.com/@yajnyofficial" class=""><img src="{{ asset('images/mailtheme/icon-tiktok.png') }}" width="18" alt="tiktok"></a>
                        </div>
                   </div>

                </td>
            </tr>
        </table>
    </div>
            </td>
        </tr>
    </table>
</center>
</body>
</html>
