@extends('app')

@section('content')

<x-partials.breadcrumb
    :items="[
        'Professionals' => null,
    ]"
    :current="$isDeactivated ? 'Llistat Desactivats' : 'Llistat'"
    />


<h1 class="text-3xl font-bold text-base-content mb-6 text-center">{{ $isDeactivated ? 'Llistat de professionals desactivats' : 'Llistat de professionals' }}</h1>


@if($professionals->count() > 0)
<div class="flex justify-between items-center">
    <div>
        <x-partials.search-bar />
    </div>
    <div class="flex gap-{{ $isDeactivated ? 4 : 2 }}">
        <a href="{{ route('professionals.downloadCSV', $isDeactivated ? 0 : 1) }}" class="btn btn-sm btn-warning">Descarregar Llistat</a>
        @if(!$isDeactivated)
            <a href="{{ route('professionals.downloadCSV.materialAssignments') }}" class="btn btn-sm btn-warning">Descarregar Uniformitat</a>
            {{-- <a href="{{ route('professional_form') }}" class="btn btn-sm btn-primary">Afegir Professional</a> --}}
        @endif
    </div>
</div>
@endif

<div class="max-w-full mx-auto bg-base-100 mt-3 p-6 rounded-lg shadow-lg overflow-x-auto">
    @if($professionals->count() > 0)
        <div id="tableToSearch-container" data-url="{{ $isDeactivated ? '/professionals/desactivated/list' : '/professionals/list' }}" data-next-cursor="{{ $professionals->nextCursor() ? $professionals->nextCursor()->encode() : '' }}">
            @include('components.contents.professional.tables.professionalsListTable')
        </div>
    @else
        <div class="text-center py-12">
            <div class="text-base-content/50 text-lg mb-4">
                <div class="flex justify-center mb-4">
                    <x-partials.icon name="user-group" class="w-15 h-15 text-primary" />
                </div>
            </div>
            @if($isDeactivated)
                <h3 class="text-xl font-semibold text-base-content mb-2">No hi ha professionals desactivats</h3>
                <p class="text-base-content/70 mb-4">Tots els professionals estan actualment actius.</p>
            @else
                <h3 class="text-xl font-semibold text-base-content mb-2">Encara no hi ha professionals registrats</h3>
                <p class="text-base-content/70 mb-4">Comença afegint el primer professional a la base de dades.</p>
                <a href="{{ route('professional_form') }}" class="btn btn-primary">Afegir Primer Professional</a>
            @endif
        </div>
    @endif
</div>

@include('components.partials.mainToasts')
@endsection