@extends('layouts.admin')

@section('main-content')
<div class="container d-flex flex-column justify-content-center align-items-center">
    <div class="border-secondary p-5 rounded text-center">
        <div class="mx-auto">
            <svg id='Server_Error_404_Not_Found_Window_150' width='150' height='150' viewBox='0 0 48 48'
                xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
                <rect width='48' height='48' stroke='none' fill='#000000' opacity='0' />


                <g transform="matrix(1.83 0 0 1.83 24 24)">
                    <g style="">
                        <g transform="matrix(1 0 0 1 0 0)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: round; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-12, -12)"
                                d="M 21.2764 22.0088 C 22.355 22.0088 23.2294 21.1344 23.2294 20.0559 L 23.2294 3.94415 C 23.2294 2.86557 22.355 1.99121 21.2764 1.99121 L 2.72356 1.99121 C 1.64499 1.99121 0.77063 2.86557 0.77063 3.94415 L 0.77063 20.0559 C 0.77063 21.1344 1.64499 22.0088 2.72356 22.0088"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 0 -5.13)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: round; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-12, -6.87)" d="M 0.77063 6.87354 L 23.2294 6.87354"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -2.07 -7.57)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-9.93, -4.43)"
                                d="M 10.0471 4.67671 C 9.91227 4.67671 9.80298 4.56742 9.80298 4.43259 C 9.80298 4.29777 9.91227 4.18848 10.0471 4.18848"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -1.83 -7.57)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-10.17, -4.43)"
                                d="M 10.0471 4.67671 C 10.1819 4.67671 10.2912 4.56742 10.2912 4.43259 C 10.2912 4.29777 10.1819 4.18848 10.0471 4.18848"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -5 -7.57)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-7, -4.43)"
                                d="M 7.11765 4.67671 C 6.98283 4.67671 6.87354 4.56742 6.87354 4.43259 C 6.87354 4.29777 6.98283 4.18848 7.11765 4.18848"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -4.76 -7.57)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-7.24, -4.43)"
                                d="M 7.11764 4.67671 C 7.25246 4.67671 7.36176 4.56742 7.36176 4.43259 C 7.36176 4.29777 7.25246 4.18848 7.11764 4.18848"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -7.93 -7.57)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-4.07, -4.43)"
                                d="M 4.18827 4.67671 C 4.05345 4.67671 3.94415 4.56742 3.94415 4.43259 C 3.94415 4.29777 4.05345 4.18848 4.18827 4.18848"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -7.69 -7.57)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-4.31, -4.43)"
                                d="M 4.18826 4.67671 C 4.32308 4.67671 4.43237 4.56742 4.43237 4.43259 C 4.43237 4.29777 4.32308 4.18848 4.18826 4.18848"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 0 0.68)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: round; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-12, -12.68)"
                                d="M 10.1973 10.8735 L 10.1973 14.4789 C 10.1973 15.4745 11.0044 16.2816 12 16.2816 C 12.9956 16.2816 13.8027 15.4745 13.8027 14.4789 L 13.8027 10.8735 C 13.8027 9.8779 12.9956 9.0708 12 9.0708 C 11.0044 9.0708 10.1973 9.8779 10.1973 10.8735 Z"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -5.74 -0.23)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: round; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-6.26, -11.77)"
                                d="M 7.45802 9.07031 L 3.8526 14.4784 L 8.65982 14.4784" stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -4.54 0.68)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: round; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-7.46, -12.68)" d="M 7.45801 9.07031 L 7.45801 16.2811"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 5.74 -0.23)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: round; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-17.74, -11.77)"
                                d="M 18.9456 9.07031 L 15.3401 14.4784 L 20.1474 14.4784" stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 6.95 0.68)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: round; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-18.95, -12.68)" d="M 18.9456 9.07031 L 18.9456 16.2811"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -5.04 7.93)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-6.96, -19.93)" d="M 5.50623 18.4785 L 8.40511 21.3774"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 -5.04 7.93)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-6.96, -19.93)" d="M 8.40509 18.4785 L 5.5062 21.3774"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 5.02 7.93)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-17.02, -19.93)" d="M 15.5667 18.4785 L 18.4656 21.3774"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 5.02 7.93)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-17.02, -19.93)" d="M 18.4656 18.4785 L 15.5667 21.3774"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 0 7.93)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-12, -19.93)" d="M 10.5506 18.4785 L 13.4495 21.3774"
                                stroke-linecap="round" />
                        </g>
                        <g transform="matrix(1 0 0 1 0 7.93)">
                            <path
                                style="stroke: rgb(0,0,0); stroke-width: 1.5; stroke-dasharray: none; stroke-linecap: round; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;"
                                transform=" translate(-12, -19.93)" d="M 13.4495 18.4785 L 10.5506 21.3774"
                                stroke-linecap="round" />
                        </g>
                    </g>
                </g>
            </svg>
        </div>
        <h1 class="mt-3 text-danger"><strong>404 Not Found</strong></h1>
        <h4>Kami tidak dapat menemukan halaman yang Anda cari.</h4>
        <div class="mt-4">
            <small><strong>Kode Error: </strong>404</small>
        </div>
        <div class="mt-5">
            <a href="{{ route('home') }}">
                <button class="btn btn-outline-primary">
                    Kembali ke beranda
                </button>
            </a>
        </div>
    </div>
</div>
@endsection