@extends('layouts.app')

@section('content')

<style>
    body {
        background-color: #ff7f50; /* لون برتقالي جميل (Coral) */
    }
    .card-header h1 {
        color: white;
        font-weight: bold;
    }
    .card-body h1 a {
        text-decoration: none;
        color: white;
        font-size: 1.5rem;
    }
    .card-body h1 a:hover {
        color: #ffe4c4; /* لون فاتح عند المرور بالفأرة */
    }
    .card {
        background-color: rgba(255, 127, 80, 0.85); /* شوية شفافية باش يظهر التنسيق مع الخلفية */
        border: none;
        box-shadow: 0 0 10px rgba(255, 127, 80, 0.7);
    }
    .alert-success {
        background-color: #d4edda;
        color: #155724;
    }
</style>

<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8">

            <div class="card text-center p-4 rounded">
                <div class="card-header">
                    <h1>Gestion des Factures En ligne </h1>
                </div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    <h1>
                        <a href="{{ asset('dashboard') }}">Aller Connecter...</a>
                    </h1>

                    <hr>
                    <br>

                    {{-- الفيديو تحيدناه هنا --}}

                </div>
            </div>

        </div>
    </div>
</div>

@endsection