@extends('email.layout_email')
<style>
    p{
        color:#7f21a7 !important;
    }

    .message p{
        font-weight:500;
    }

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

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

    /* media queries */
    @media only screen and (min-width: 600px) {

        .header{
            height:230px !important;
        }

    }

    @media only screen and (max-width: 600px) {

        .header-mobile{
            height: 80px !important;
        }
    }


</style>
@section('header')
@endsection
@section('message')
    <div class="message">
        <p class="greeting-east">Dear Yth. Bapak/Ibu.<br><span style="font-weight:bold;">{{@$nama}}</span><br>Marking: <span style="font-weight:bold;">{{@$marking}}</span></p>
        <p class="message-east">
            Tanggal Masuk: <span style="font-weight:bold;">{{@$tanggal_masuk}}</span><br>
            Resi Tracking: <span style="font-weight:bold;">{{@$resi_tracking}}</span><br>
            Marking tertera: <span style="font-weight:bold;">{{@$marking_resi}}</span><br>
            China Local Express: <span style="font-weight:bold;">{{@$no_local_cina}}</span><br>
            (Update Resi)
        </p>
        @php
        $idx = 0;
        @endphp

        @foreach(@$detail_email_carton as $detail)
        <p class="message-east"><span style="font-weight:bold;">{{@$detail}}: </span> {{@$detail_email_deskripsi[$idx]}}</p>

            @php
            $idx++;
            @endphp
        @endforeach

        <p class="message-east">Harap segera memberikan Invoice & Packinglist, serta mengkonfirmasikan <span style="font-weight:bold;">jika ada salah penulisan data di atas kepada marketing anda.</span></p>
        <p class="east-closing">MTE Express</p>
        <p>[Dikirim oleh sistem]</p>
        <hr class="garis">
    </div>
@endsection
@section('footer')
    @include('email.east_footer')
@endsection