@extends('portal.layout')

@section('title', 'Panel')

@section('content')
<section class="card mt-shell-card mb-4">
    <div class="card-body p-4">
        <p class="mt-kicker mb-2">Workspace personal</p>
        <h1 class="h3 mb-1">Hola, {{ $user->name }}</h1>
        <p class="text-secondary mb-4">Gestiona tus publicaciones con prioridad por impacto y mantente al dia con cada estado.</p>

        <div class="d-flex flex-wrap gap-2">
            <a class="btn btn-primary" href="{{ route('portal.jobs.create') }}">Publicar empleo</a>
            <a class="btn btn-outline-primary" href="{{ route('portal.housing.create') }}">Publicar habitacion</a>
            <a class="btn btn-outline-primary" href="{{ route('portal.rides.create') }}">Publicar ruta</a>
            <a class="btn btn-outline-secondary" href="{{ route('portal.services') }}">Ver servicios</a>
        </div>
    </div>
</section>

@include('portal.partials.ui.feedback-alert', [
    'id' => 'portal-alert',
    'tone' => 'danger',
    'hidden' => true,
    'message' => '',
])

<div class="row g-3" id="portal-dashboard-listings" data-endpoint="/dashboard" aria-live="polite">
    @include('portal.partials.ui.dashboard-list-card', ['title' => 'Mis empleos', 'listId' => 'my-jobs'])
    @include('portal.partials.ui.dashboard-list-card', ['title' => 'Mis habitaciones', 'listId' => 'my-housing'])
    @include('portal.partials.ui.dashboard-list-card', ['title' => 'Mis rutas', 'listId' => 'my-rides'])
</div>
@endsection

@push('scripts')
    <script src="{{ asset('js/portal-dashboard.js') }}" defer></script>
@endpush