@if (session('ocupado'))
    <div class="mt-5">
        <div class="alert alert-dismissible bg-danger d-flex flex-column flex-sm-row p-5 mb-10">
            <i class="ki-outline ki-check-circle fs-2hx text-light me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                    class="path2"></span><span class="path3"></span></i>
            <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                <h4></h4>
                <h4 class="mb-3 pb-3" style="color: white;">{{ session('ocupado') }}</h4>
            </div>
            <button type="button"
                class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                data-bs-dismiss="alert">
                <i class="ki-outline ki-cross-circle fs-2x text-danger mx-2"></i>
            </button>
        </div>
    </div>
@endif

@if (session('danger'))
    <div class="mt-5">
        <div class="alert alert-dismissible bg-danger d-flex flex-column flex-sm-row p-5 mb-10">
            <i class="ki-outline ki-check-circle fs-2hx text-light me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                    class="path2"></span><span class="path3"></span></i>
            <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                <h4></h4>
                <h4 class="mb-3 pb-3" style="color: white;">{{ session('danger') }}</h4>
            </div>
            <button type="button"
                class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                data-bs-dismiss="alert">
                <i class="ki-outline ki-cross-circle fs-2x text-danger mx-2"></i>
            </button>
        </div>
    </div>
@endif

@if (session('exito'))
    <div class="mt-5">
        <div class="alert alert-dismissible bg-success d-flex flex-column flex-sm-row p-5 mb-10">
            <i class="fas fa-check-circle fs-2hx text-light me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                    class="path2"></span><span class="path3"></span></i>
            <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                <h4></h4>
                <h4 class="mb-3 pb-3" style="color: white;">{{ session('exito') }}</h4>
            </div>
            <button type="button"
                class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                data-bs-dismiss="alert">
                <i class="ki-outline ki-cross-circle fs-2x text-danger mx-2"></i>
            </button>
        </div>
    </div>
@endif

@if (session('success'))
    <div class="mt-5">
        <div class="alert alert-dismissible bg-success d-flex flex-column flex-sm-row p-5 mb-10">
            <i class="fas fa-check-circle fs-2hx text-light me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                    class="path2"></span><span class="path3"></span></i>
            <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                <h4></h4>
                <h4 class="mb-3 pb-3" style="color: white;">{{ session('success') }}</h4>
            </div>
            <button type="button"
                class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                data-bs-dismiss="alert">
                <i class="ki-outline ki-cross-circle fs-2x text-danger mx-2"></i>
            </button>
        </div>
    </div>
@endif


@if (session('advertencia'))
    <div class="mt-5">
        <div class="alert alert-dismissible bg-danger d-flex flex-column flex-sm-row p-5 mb-10">
            <i class="fas fa-check-circle fs-2hx text-light me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                    class="path2"></span><span class="path3"></span></i>
            <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                <h4></h4>
                <h4 class="mb-3 pb-3" style="color: white;">{!! nl2br(e(session('advertencia'))) !!}</h4>
            </div>
            <button type="button"
                class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                data-bs-dismiss="alert">
                <i class="ki-outline ki-cross-circle fs-2x text-danger mx-2"></i>
            </button>
        </div>
    </div>
@endif

@if ($errors->any())
    <div class="mt-5">
        <div class="alert alert-dismissible bg-danger d-flex flex-column flex-sm-row p-5 mb-10">
            <i class="fas fa-check-circle fs-2hx text-light me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                    class="path2"></span><span class="path3"></span></i>
            <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                <h4></h4>
                <h4 class="mb-3 pb-3" style="color: white;">Por favor corrige los siguientes errores</h4>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
            </div>
            <button type="button"
                class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                data-bs-dismiss="alert">
                <i class="ki-outline ki-cross-circle fs-2x text-danger mx-2"></i>
            </button>
        </div>
    </div>
@endif