@extends('layouts.admin')

@section('title', __('Dashboard'))

@section('page_header')
    <h1 class="text-xl font-semibold text-slate-800">{{ __('Dashboard') }}</h1>
@endsection

@section('admin_main')
    <div class="max-w-7xl mx-auto space-y-6">
        <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg border border-slate-200">
            <div class="p-6 text-slate-700">
                <p class="font-medium">{{ __('You\'re logged in!') }}</p>
                @auth
                    <p class="mt-2 text-sm text-slate-500">
                        {{ __('Role') }}: <span class="font-mono">{{ auth()->user()->role->value }}</span>
                    </p>
                @endauth
            </div>
        </div>

        <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
            <a href="{{ route('admin.companions.index') }}"
               class="block rounded-lg border border-slate-200 bg-white p-5 shadow-sm hover:border-slate-300 hover:shadow transition">
                <h2 class="text-base font-semibold text-slate-900">CP一覧</h2>
                <p class="mt-2 text-sm text-slate-500">CPの検索・一覧表示</p>
            </a>
            <a href="{{ route('admin.companions.import.url.create') }}"
               class="block rounded-lg border border-slate-200 bg-white p-5 shadow-sm hover:border-slate-300 hover:shadow transition">
                <h2 class="text-base font-semibold text-slate-900">URL新規取込</h2>
                <p class="mt-2 text-sm text-slate-500">店舗とURLを指定して取込フローへ</p>
            </a>
        </div>
    </div>
@endsection