@extends('layouts.app')

@section('content')
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">{{ __('dashboard.title') }}</h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted">
                    <a href="{{ url('/') }}" class="text-muted text-hover-primary">{{ __('common.home') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ __('dashboard.title') }}</li>
            </ul>
        </div>
    </div>
</div>

<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">
        <!--begin::Stats Row-->
        <div class="row g-6 g-xl-9 mb-9">
            <!-- Bugün Prova -->
            <div class="col-sm-6 col-xl-3">
                <a href="{{ route('calendar.index', ['company' => app('current_company')->uuid, 'view' => 'timeGridDay', 'date' => date('Y-m-d')]) }}" class="card card-flush h-md-100 border-start border-primary border-4 hover-elevate-up">
                    <div class="card-header pt-5">
                        <div class="card-title d-flex flex-column">
                            <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">{{ $stats['today_trials'] ?? 0 }}</span>
                            <span class="text-gray-500 pt-2 fw-semibold fs-6">{{ __('dashboard.today_trials') ?? 'Bugün Prova Sayısı' }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-primary">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-calendar fs-2x text-primary"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Bugün Teslimat -->
            <div class="col-sm-6 col-xl-3">
                <a href="{{ route('calendar.index', ['company' => app('current_company')->uuid, 'view' => 'timeGridDay', 'date' => date('Y-m-d')]) }}" class="card card-flush h-md-100 border-start border-success border-4 hover-elevate-up">
                    <div class="card-header pt-5">
                        <div class="card-title d-flex flex-column">
                            <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">{{ $stats['today_deliveries'] ?? 0 }}</span>
                            <span class="text-gray-500 pt-2 fw-semibold fs-6">{{ __('dashboard.today_deliveries') ?? 'Bugün Teslimat Sayısı' }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-success">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-parcel fs-2x text-success"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Bekleyen Siparişler -->
            <div class="col-sm-6 col-xl-3">
                <a href="{{ route('orders.index', ['status' => 'draft']) }}" class="card card-flush h-md-100 border-start border-warning border-4 hover-elevate-up">
                    <div class="card-header pt-5">
                        <div class="card-title d-flex flex-column">
                            <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">{{ $stats['pending_orders'] ?? 0 }}</span>
                            <span class="text-gray-500 pt-2 fw-semibold fs-6">{{ __('dashboard.pending_orders') ?? 'Bekleyen Sipariş Sayısı' }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-warning">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-time fs-2x text-warning"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <!-- İşlemde Olan Siparişler -->
            <div class="col-sm-6 col-xl-3">
                <a href="{{ route('orders.index', ['status' => 'In Production']) }}" class="card card-flush h-md-100 border-start border-info border-4 hover-elevate-up">
                    <div class="card-header pt-5">
                        <div class="card-title d-flex flex-column">
                            <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2">{{ $stats['in_production_orders'] ?? 0 }}</span>
                            <span class="text-gray-500 pt-2 fw-semibold fs-6">{{ __('dashboard.in_production_orders') ?? 'İşlemde Olan Sipariş' }}</span>
                        </div>
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-info">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-design-2 fs-2x text-info"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <!--end::Stats Row-->

        <!--begin::Tables Row-->
        <div class="row g-5 g-xl-10 mb-5 mb-xl-10">
            <div class="col-12 mb-5 mb-xl-10">
                <div class="card card-flush h-md-100">
                    <div class="card-header pt-7">
                        <h3 class="card-title align-items-start flex-column">
                            <span class="card-label fw-bold text-gray-900">{{ __('dashboard.recent_orders') }}</span>
                        </h3>
                    </div>
                    <div class="card-body pt-6">
                        @if($recent_orders->isEmpty())
                            <div class="d-flex flex-column flex-center h-250px">
                                <i class="ki-outline ki-document fs-3x text-muted mb-3"></i>
                                <span class="text-gray-500 fw-semibold fs-6">{{ __('dashboard.no_recent_orders') }}</span>
                            </div>
                        @else
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 gy-3">
                                <thead>
                                    <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                                        <th>{{ __('common.order_number') }}</th>
                                        <th>{{ __('common.customer') }}</th>
                                        <th>{{ __('common.date') }}</th>
                                        <th>{{ __('common.status') }}</th>
                                        <th class="text-end">{{ __('common.actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody class="fw-bold text-gray-600">
                                    @foreach($recent_orders as $order)
                                    <tr>
                                        <td>
                                            <a href="{{ route('orders.show', ['order' => $order]) }}" class="text-gray-800 text-hover-primary fw-bold">{{ $order->order_number }}</a>
                                        </td>
                                        <td>
                                            <a href="{{ route('customers.show', ['customer' => $order->customer]) }}" class="text-gray-800 text-hover-primary">{{ $order->customer->first_name }} {{ $order->customer->last_name }}</a>
                                        </td>
                                        <td>{{ $order->order_date?->translatedFormat('d F Y') }}</td>
                                        <td>
                                            @php
                                                $statusLabels = [
                                                    'draft' => __('orders.status_draft'),
                                                    'active' => __('orders.status_active'),
                                                    'completed' => __('orders.status_completed'),
                                                    'cancelled' => __('orders.status_cancelled'),
                                                    'delivered' => __('orders.status_delivered'),
                                                    'Draft' => __('orders.status_draft'),
                                                    'In Production' => __('orders.status_in_production'),
                                                    'Ready for Trial' => __('orders.status_ready_for_trial'),
                                                    'Completed' => __('orders.status_completed'),
                                                    'Delivered' => __('orders.status_delivered'),
                                                ];
                                            @endphp
                                            <span class="badge badge-light-primary">{{ $statusLabels[$order->status] ?? $order->status }}</span>
                                        </td>
                                        <td class="text-end">
                                            <a href="{{ route('orders.show', ['order' => $order]) }}" class="btn btn-sm btn-light btn-active-light-primary">{{ __('common.view') }}</a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <!--end::Row-->

        <div class="row g-5 g-xl-10">
            <div class="col-xl-12">
                <div class="card card-flush h-md-100">
                    <div class="card-header pt-7">
                        <h3 class="card-title align-items-start flex-column">
                            <span class="card-label fw-bold text-gray-900">{{ __('dashboard.recent_measurements') }}</span>
                        </h3>
                    </div>
                    <div class="card-body pt-6">
                        @if($recent_measurements->isEmpty())
                            <div class="d-flex flex-column flex-center h-250px">
                                <i class="ki-outline ki-profile-user fs-3x text-muted mb-3"></i>
                                <span class="text-gray-500 fw-semibold fs-6">{{ __('dashboard.no_recent_measurements') }}</span>
                            </div>
                        @else
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 gy-3">
                                <thead>
                                    <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                                        <th>{{ __('common.ref_no') }}</th>
                                        <th>{{ __('common.customer') }}</th>
                                        <th>{{ __('common.date') }}</th>
                                        <th>{{ __('common.cloth_type') }}</th>
                                        <th class="text-end">{{ __('common.actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody class="fw-bold text-gray-600">
                                    @foreach($recent_measurements as $m)
                                    <tr>
                                        <td>
                                            <a href="{{ route('measurements.show', ['measurement' => $m]) }}" class="text-gray-800 text-hover-primary fw-bold">{{ $m->measurement_number }}</a>
                                        </td>
                                        <td>
                                            <a href="{{ route('customers.show', ['customer' => $m->customer]) }}" class="text-gray-800 text-hover-primary">{{ $m->customer->first_name }} {{ $m->customer->last_name }}</a>
                                        </td>
                                        <td>{{ $m->date?->translatedFormat('d F Y') }}</td>
                                        <td>{{ $m->clothType?->title ?? '-' }}</td>
                                        <td class="text-end">
                                            <a href="{{ route('measurements.show', ['measurement' => $m]) }}" class="btn btn-sm btn-light btn-active-light-primary">{{ __('common.view') }}</a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection