@if (\Illuminate\Support\Facades\Session::has('error'))
    <div class="toaster" id="error-toaster"    style=" top: 40%;
    left: 0%;margin: auto; z-index: 99999;">
        <div class="toaster-row failed_success">
            <div class="toaster-column">
                <div class="toaseter-img">
                    <img src="{{asset('images/failed.png')}}"/>
                </div>
            </div>
            <div class="toaster-content">
                <p>{{ \Illuminate\Support\Facades\Session::get('error') }}</p>
            </div>
            <div class="toaser-close">
                <img src="{{asset('images/totaster_close.png')}}"/>
            </div>
        </div>
    </div>
@endif

@if (\Illuminate\Support\Facades\Session::has('success'))

    <div class="toaster"  id="success-toaster"    style=" top: 40%;
    left: 0%;margin: auto; z-index: 99999;">
        <div class="toaster-row">
            <div class="toaster-column">
                <div class="toaseter-img">
                    <img src="{{asset('images/success.png')}}"/>
                </div>
            </div>
            <div class="toaster-content">
                <p>{{\Illuminate\Support\Facades\Session::get('success')}}</p>
            </div>
            <div class="toaser-close">
                <img src="{{asset('images/totaster_close.png')}}"/>
            </div>
        </div>
    </div>
@endif

<script nonce="{{config('app.nonce')}}">
    $(function(){
       setTimeout(function (){
           $('.toaster').hide();
       }, 3000);

    });
</script>