@extends('mail.base')

@section('content')
    <div class="bg-blue" style="max-width: 600px;  margin: 0 auto; padding: 20px;">
        <h2 style="text-align: center;  font-weight: 500; color: #ed7c17; margin-bottom: 3rem;">
            Nouveau document workflow
        </h2>

        <div style="border-radius: 8px; padding: 20px; background-color: #283756; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
            <h3 style=" font-weight: 500; margin: 3rem 0;">
                Bonjour la Team Mozart,
            </h3>

            <p style="margin-bottom: 1rem;">
                Vous avez reçu un nouveau document de {{ $user->firstname }} {{ $user->lastname }} pour le lot
                {{ $lot->number }}, vous pouvez consulter le programme en cliquant sur le bouton ci-dessous.
            </p>

            <div style="text-align: center; padding: 30px 0; margin: 20px 0;">
                <p class="text-center"><a href="{{ route('programs.show', $lot->program->slug) }}" class="btn btn-primary"
                        style="background-color: #ed7c17; border-color: #ed7c17; padding: 10px 20px; text-decoration: none; border-radius: 4px; margin-top: 2rem;">Voir
                        le programme</a></p>
            </div>

        </div>
    </div>
@endsection