@extends('email.layout_email')
<style>
    .message p{
        font-weight:500;
    }

    .header, .header-mobile{
        background-image: url({{URL::asset('/global_assets/email/penerimaan_antara.png')}});
    }

    .cs, .name{
        font-weight: 800;
    }

    /* media queries */
    @media only screen and (min-width: 600px) {
        .message-3{
            margin-top:4rem;
            margin-bottom:2rem;
        }

        .message-4{
            margin-bottom:2rem;
        }

        .message-5{
            margin-bottom:4rem;
        }

        .whatsapp{
            height:120px;
        }
    }

    @media only screen and (max-width: 600px) {
        .message-3{
            margin-top:2rem;
            margin-bottom:1rem;
        }

        .message-4{
            margin-bottom:1rem;
        }

        .message-5{
            margin-bottom:2rem;
        }

        .whatsapp{
            height:40px;
        }
    }

</style>
@section('header')
@endsection
@section('message')
    <div class="message">
        <p>Dear Yth. Bapak/Ibu.<br>{{$nama}}<br>Marking: {{$marking}}</p>
        <p class="message-3">
            Kami telah menerima barang anda di Gudang kami di luar negri.<br>
            Tanggal Masuk: {{$tanggal_masuk}}<br>
            Resi Tracking: {{$resi_tracking}}<br>
            Marking tertera: {{$marking_resi}}<br>
            China Local Express: {{$no_local_cina}}<br>
        </p>
        @php
        $idx = 0;
        @endphp

        @foreach($detail_email_carton as $detail)
            <p class="message-4">{{$detail}}: {{$detail_email_deskripsi[$idx]}}</p>

            @php
            $idx++;
            @endphp
        @endforeach

        <p class="message-4">Resi ini belum memiliki Packinglist dan Invoice. Mohon infokan Packinglist dan Invoice ke
            Whatsapp marketing kami agar kami dapat meneruskan paket ini. Abaikan pesan ini jika anda
            sudah memberikan invoice dan Packinglist.</p>
        <p class="message-4">Klik link whatsapp dibawah untuk mengkonfirmasi packinglist & invoice:</p>
        <div class="whatsapp text-center">
            <a href="#"><img class="whatsapp" src="{{URL::asset('/global_assets/email/whatsapp_antara.png')}}" alt=""></a>
        </div>
        <p class="message-4">(Konfirmasi Packinglist dan Invoice via Whatsapp)</p>
        <p class="antara-1">Antara Logistic</p>
        <hr class="garis">
    </div>

@endsection
@section('footer')
    @include('email.antara_footer')
@endsection