@extends('dashboard.layouts.main')

@section('content')

    <div class="px-8 py-20 w-full h-full bg-[#FAFAFA]">
        <h1 class="font-bold text-[26px]">Selamat Pagi!</h1>
        <h2 class="font-medium text-[24px]">Website mana yang akan anda edit?</h2>

        <div class="w-full h-full mt-8 grid grid-cols-2 gap-8">

            <a href="/edit_profile" class="cursor-pointer">
                <div class="h-2/3 bg-white rounded-[30px] shadow-md p-3 pb- flex flex-col justify-between">

                    <div class="bg-[#26335D] rounded-[19px] w-full h-2/3 flex justify-center items-center">
                        <img src="{{asset("/img/profile_vector.png")}}" alt="Profile Vector" class="w-1/2">
                    </div>

                    <h1 class="font-bold text-2xl mb-3">Profil Sekolah</h1>

                </div>
            </a>

            <a href="" class="cursor-pointer">
                <div class="h-2/3 bg-white rounded-[30px] shadow-md p-3 pb- flex flex-col justify-between">

                    <div class="bg-[#26335D] rounded-[19px] w-full h-2/3 flex justify-center items-center">
                        <img src="{{asset("/img/ppdb_vector.png")}}" alt="PPDB Vector" class="w-1/2">
                    </div>

                    <h1 class="font-bold text-2xl mb-3">PPDB</h1>

                </div>
            </a>

        </div>
    </div>
@endsection