@extends('layouts.teamlead')

@section('title', 'Баланси операторів')

@push('head')
    <link rel="stylesheet" href="{{ mix('css/teamlead/balances.css') }}">
@endpush

@section('content')
    <div class="balances-page">

        {{-- Шапка --}}
        <div class="page-head mb-3">
            <div>
                <h3>Баланси операторів</h3>
                <p class="page-head-sub">
                    Таблиця всіх балансів операторів з фільтрами по кабінету,
                    оператору та діапазону дат.
                </p>
            </div>
            <div class="page-head-actions">
                <a href="{{ route('teamlead.balances.create') }}" class="btn btn-primary">
                    Додати баланс
                </a>
                <a href="{{ route('teamlead.dashboard') }}" class="btn btn-outline-secondary">
                    До дашборду
                </a>
            </div>
        </div>

        {{-- Flash --}}
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if($errors->any())
            <div class="alert alert-danger">
                @foreach($errors->all() as $e) <div>{{ $e }}</div> @endforeach
            </div>
        @endif

        @php
            $normalizeDateForInput = function($v) {
                if (!$v) return '';
                if (preg_match('/^\d{4}-\d{2}-\d{2}$/', $v)) return $v;
                try {
                    return \Illuminate\Support\Carbon::createFromFormat('d.m.Y', $v)->format('Y-m-d');
                } catch (\Throwable $e) {
                    try {
                        return \Illuminate\Support\Carbon::parse($v)->format('Y-m-d');
                    } catch (\Throwable $e2) {
                        return '';
                    }
                }
            };

            $fromVal = $normalizeDateForInput($from ?? ($dateFrom ?? null));
            $toVal   = $normalizeDateForInput($to ?? ($dateTo ?? null));
        @endphp

        {{-- Фільтри --}}
        <div class="card balances-card mb-3">
            <div class="card-body filters">
                <form method="GET">
                    <div class="row g-2">
                        <div class="col-md-3">
                            <label class="form-label">Кабінет</label>
                            <select name="cabinet_id" class="form-control" onchange="this.form.submit()">
                                <option value="">— Усі —</option>
                                @foreach($cabinets as $c)
                                    <option value="{{ $c->id }}" {{ (string)$cabinetId === (string)$c->id ? 'selected' : '' }}>
                                        {{ $c->slug }} — {{ $c->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label">Оператор</label>
                            <select name="operator" class="form-control" onchange="this.form.submit()">
                                <option value="">— Усі —</option>
                                @foreach($operators as $op)
                                    <option value="{{ $op }}" {{ ($operator ?? '') === $op ? 'selected' : '' }}>
                                        {{ $op }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-2">
                            <label class="form-label">З дати</label>
                            <input type="date" name="from" value="{{ $fromVal }}" class="form-control">
                        </div>

                        <div class="col-md-2">
                            <label class="form-label">По дату</label>
                            <input type="date" name="to" value="{{ $toVal }}" class="form-control">
                        </div>

                        <div class="col-md-2 d-flex align-items-end">
                            <button class="btn btn-outline-secondary w-100 filters-apply-btn">
                                Застосувати
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        {{-- Таблиця --}}
        <div class="card balances-card">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0 balances-table">
                    <thead>
                    <tr>
                        <th>Дата</th>
                        <th>Кабінет</th>
                        <th>Оператор</th>
                        <th>Зміна</th>
                        <th class="text-end">Сума</th>
                        <th class="text-center" style="width:90px;">Дії</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($balances as $b)
                        @php
                            $dateText = $b->work_date
                                ? \Carbon\Carbon::parse($b->work_date)->format('d.m.Y')
                                : '—';

                            $timeText = $b->created_at
                                ? $b->created_at->timezone(config('app.timezone'))->format('H:i')
                                : null;
                        @endphp
                        <tr>
                            <td class="date-cell">
                                <span>{{ $dateText }}</span>
                                @if($timeText)
                                    <small>{{ $timeText }}</small>
                                @endif
                            </td>
                            <td>
                                <div class="cab-name">{{ optional($b->cabinet)->name }}</div>
                            </td>
                            <td class="fw-semibold">{{ $b->operator_name }}</td>
                            <td>
                            <span class="badge badge-shift badge-{{ $b->shift }}">
                                {{ $b->shift }}
                            </span>
                            </td>
                            <td class="text-end amount">{{ number_format($b->amount,2,'.',' ') }}</td>
                            <td class="text-center">
                                <a class="btn btn-outline-secondary btn-icon"
                                   href="{{ route('teamlead.balances.edit', $b->id) }}">✎</a>

                                <form class="d-inline"
                                      method="POST"
                                      action="{{ route('teamlead.balances.destroy',$b->id) }}"
                                      onsubmit="return confirm('Видалити запис?');">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-outline-danger btn-icon">🗑</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted py-4">
                                Нічого не знайдено
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

            <div class="card-footer d-flex justify-content-between align-items-center">
                <div class="text-muted small">
                    Показано: {{ $balances->count() }} / {{ $balances->total() }}
                </div>
                <div>
                    {{ $balances->links() }}
                </div>
            </div>
        </div>

    </div>
@endsection