@extends('layouts.school')
@section('title', 'Site Management')
@section('header', 'Website Management')
@section('content')
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
        <a href="{{ route('school.cms.events', request()->route('schoolId')) }}" class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 hover:ring-primary-500 hover:shadow-md transition-all text-center">
            <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-lg bg-blue-50 text-blue-600"><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" /></svg></div>
            <h3 class="font-display font-semibold text-gray-900">Events</h3>
            <p class="mt-1 text-sm text-gray-500">Manage school events & calendar</p>
        </a>
        <a href="{{ route('school.cms.news', request()->route('schoolId')) }}" class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 hover:ring-primary-500 hover:shadow-md transition-all text-center">
            <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-lg bg-green-50 text-green-600"><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" /></svg></div>
            <h3 class="font-display font-semibold text-gray-900">News & Articles</h3>
            <p class="mt-1 text-sm text-gray-500">Publish school news and articles</p>
        </a>
        <a href="{{ route('school.cms.gallery', request()->route('schoolId')) }}" class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 hover:ring-primary-500 hover:shadow-md transition-all text-center">
            <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-lg bg-purple-50 text-purple-600"><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909M2.25 18V6.75a2.25 2.25 0 012.25-2.25h15a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H4.5A2.25 2.25 0 012.25 18z" /></svg></div>
            <h3 class="font-display font-semibold text-gray-900">Gallery</h3>
            <p class="mt-1 text-sm text-gray-500">Photo albums & media</p>
        </a>
        <a href="{{ route('school.cms.testimonials', request()->route('schoolId')) }}" class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 hover:ring-primary-500 hover:shadow-md transition-all text-center">
            <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-lg bg-yellow-50 text-yellow-600"><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 01-6.364 0M21 12a9 9 0 11-18 0 9 9 0 0118 0zM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75zm-.375 0h.008v.015h-.008V9.75zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75zm-.375 0h.008v.015h-.008V9.75z" /></svg></div>
            <h3 class="font-display font-semibold text-gray-900">Testimonials</h3>
            <p class="mt-1 text-sm text-gray-500">Reviews & feedback</p>
        </a>
        <a href="{{ route('school.cms.faqs', request()->route('schoolId')) }}" class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 hover:ring-primary-500 hover:shadow-md transition-all text-center">
            <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-lg bg-red-50 text-red-600"><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z" /></svg></div>
            <h3 class="font-display font-semibold text-gray-900">FAQs</h3>
            <p class="mt-1 text-sm text-gray-500">Frequently asked questions</p>
        </a>
        <a href="{{ route('school.cms.contact-messages', request()->route('schoolId')) }}" class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 hover:ring-primary-500 hover:shadow-md transition-all text-center">
            <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-lg bg-teal-50 text-teal-600"><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg></div>
            <h3 class="font-display font-semibold text-gray-900">Contact Messages</h3>
            <p class="mt-1 text-sm text-gray-500">Inquiries from visitors</p>
        </a>
        <a href="{{ route('school.cms.academic-programs', request()->route('schoolId')) }}" class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 hover:ring-primary-500 hover:shadow-md transition-all text-center">
            <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-lg bg-indigo-50 text-indigo-600"><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" /></svg></div>
            <h3 class="font-display font-semibold text-gray-900">Academic Programs</h3>
            <p class="mt-1 text-sm text-gray-500">Programs shown on your homepage</p>
        </a>
        <a href="{{ route('school.cms.settings', request()->route('schoolId')) }}" class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 hover:ring-primary-500 hover:shadow-md transition-all text-center md:col-span-3">
            <div class="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-lg bg-gray-100 text-gray-600"><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg></div>
            <h3 class="font-display font-semibold text-gray-900">Site Settings</h3>
            <p class="mt-1 text-sm text-gray-500">Configure school website settings</p>
        </a>
    </div>
@endsection