@extends("layout.base")

@section("styles")
<title>ARB | Error</title>
@endSection

@section("header")
<div class="subheader  py-lg-4 subheader-solid" id="kt_subheader">
    <div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
        <!--begin::Info-->
        <div class="d-flex align-items-center flex-wrap mr-2">
            <!--begin::Page Title-->
            <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">Error</h5>
            <!--end::Page Title-->
            <!--begin::Actions-->
            <div class="subheader-separator subheader-separator-ver mt-2 mb-2 mr-4 bg-gray-200"></div>
            <!--end::Actions-->
        </div>
        <!--end::Info-->
    </div>
</div>
@endSection

@section("content")
<div class="d-flex flex-column flex-root h-100" id="error">
    <!--begin::Error-->
    <div class="d-flex flex-row-fluid flex-column bgi-size-cover bgi-position-center bgi-no-repeat p-10 p-sm-40"
         style=" height:80vh;background-image: url(template/assets/media/error/bg1.jpg); background-size:cover";>
        <!--begin::Content-->
        <h1 class="font-weight-boldest text-dark mt-15" style="font-size: 7rem; -webkit-text-stroke: 0.3px white;">{{$titulo}}</h1>
        <p class="font-size-h3 text-grey font-weight-normal">{{$mensaje}}</p>
        <!--end::Content-->
    </div>
    <!--end::Error-->
</div>

<!--end::Main-->
<!--end::Global Theme Bundle-->
@endSection

@section("scripts")
<script>
    $( document ).ready(function() {
        $(".content").removeClass("content");
        $("#error").parents(".container-fluid").addClass("px-0");
    });
</script>
@endsection