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

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

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

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

        .message-0{
            margin-top:2rem;
        }

        .message-2{
            margin-top:2rem;
        }

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

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

        .message-2{
            margin-top:1rem;
        }

        .antara-1{
            margin-bottom:2rem;
        }
    }


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

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

            @php
            $idx++;
            @endphp
        @endforeach

        <p class="closing">Harap segera memberikan Invoice & Packinglist, serta mengkonfirmasikan jika ada salah penulisan data di atas kepada marketing anda.</p>
        <p class="antara-1">Antara Logistic</p>
        <hr class="garis">
    </div>

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