@if($errors->any())
    <div class="custom-error-box">
        <h5 class="custom-error-title">Existing Errors :</h5>
        <ol class="custom-error-list">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ol>
    </div>
@endif

@push('styles')
    <style>
        .custom-error-box {
            background-color: #ffe5e5;
            border: 1px solid #ff4d4d;
            padding: 15px 20px;
            border-radius: 6px;
            margin-bottom: 20px;
            color: #b30000;

            text-align: center;
            direction: ltr;
        }

        .custom-error-title {
            margin: 0 0 10px 0;
            font-weight: bold;
            font-size: 1.1rem;

            text-align: center;
            direction: ltr;
        }

        .custom-error-list {
            margin: 0;
            padding-left: 20px;

            text-align: center;
            direction: ltr;
        }

        .custom-error-list li {
            margin-bottom: 6px;
            line-height: 1.5;

            text-align: center;
            direction: ltr;
        }

    </style>
@endpush