@extends('layouts.app')
@section('title', __('dashboard.sidebar_laundries'))
@section('page_heading', __('dashboard.sidebar_laundries'))

@section('content')

<div style="background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden">
    <div style="display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-subtle)">
        <div style="display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:800;color:var(--text-primary)">
            <i class="fa-solid fa-water" style="color:var(--c-primary)"></i>
            {{ __('dashboard.All Laundries') }}
            <span style="font-size:.7rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;background:var(--c-primary-bg);color:var(--c-primary)">{{ number_format($laundries->count()) }}</span>
        </div>
        @can('create laundries')
        <a href="{{ route('dashboard.laundries.create') }}" class="app-btn app-btn--primary app-btn--sm"><i class="fa-solid fa-plus me-1"></i>{{ __('dashboard.Add New Laundry') }}</a>
        @endcan
    </div>

    @if($laundries->isEmpty())
        <div style="padding:3rem;text-align:center">@include('layouts.partials.index-empty-state',['icon'=>'fa-solid fa-droplet','title'=>__('dashboard.No laundries found.'),'message'=>''])</div>
    @else
    <div style="overflow-x:auto">
        <style>.page-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .12s}.page-table tbody tr:hover{background:var(--surface-50)}.page-th{padding:.65rem 1.1rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap}</style>
        <table class="page-table" style="width:100%;border-collapse: collapse;font-size:.83rem">
            <thead><tr style="background:var(--border-subtle)">
                <th class="page-th">#</th>
                <th class="page-th">{{ __('dashboard.Name') }}</th>
                <th class="page-th">{{ __('dashboard.Is Default?') }}</th>
                <th class="page-th" style="text-align:end">{{ __('dashboard.Actions') }}</th>
            </tr></thead>
            <tbody>
                @foreach($laundries as $laundry)
                <tr>
                    <td style="padding:.875rem 1.25rem;font-weight:700;color:var(--text-muted);font-size:.78rem">{{ $laundry->id }}</td>
                    <td style="padding:.875rem 1.25rem;font-weight:800;color:var(--text-primary)">{{ $laundry->name }}</td>
                    <td style="padding:.875rem 1.25rem">
                        @if($laundry->is_default)
                            <span style="display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;background:#f0fdf4;color:#16a34a">{{ __('dashboard.Yes') }}</span>
                        @else
                            <span style="color:var(--text-muted);font-size:.8rem">{{ __('dashboard.No') }}</span>
                        @endif
                    </td>
                    <td style="padding:.875rem 1.25rem;text-align:end">
                        @canany(['edit laundries','delete laundries'])
                        <div class="custom-dropdown">
                            <button class="custom-dropdown__toggle" >{{ __('dashboard.Actions') }}</button>
                            <div class="custom-dropdown__menu custom-dropdown__menu--end">
                                @can('edit laundries')<a href="{{ route('dashboard.laundries.edit', $laundry->id) }}" class="custom-dropdown__item"><i class="fa-solid fa-pen me-2"></i>{{ __('dashboard.Edit') }}</a>@endcan
                                @can('delete laundries')
                                <form action="{{ route('dashboard.laundries.destroy', $laundry->id) }}" method="POST">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="custom-dropdown__item custom-dropdown__item--danger" data-confirm-delete="{{ __('dashboard.Are you sure you want to delete this laundry?') }}"><i class="fa-solid fa-trash me-2"></i>{{ __('dashboard.Delete') }}</button>
                                </form>
                                @endcan
                            </div>
                        </div>
                        @endcanany
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @endif
</div>
@endsection