@extends('layouts.admin')

@section('title','Адмінка — Штрафи операторів')
@section('page_title','Штрафи операторів')

@push('head')
    <link rel="stylesheet" href="{{ asset('css/admin/penalties.css') }}">
@endpush

@section('content')

    <div class="admin-pen-page">

        {{-- Header --}}
        <div class="admin-pen-head mb-3">
            <div>
                <h4 class="mb-1">Штрафи операторів</h4>
                <div class="admin-pen-sub">
                    Показані штрафи за <strong>{{ $currentMonth }}</strong>. Загальна сума за фільтром:
                    <span class="admin-pen-sum">{{ number_format((float)$totalSum, 2, '.', ' ') }} $</span>
                </div>
            </div>
        </div>

        {{-- Filters --}}
        <div class="admin-pen-toolbar mb-3">
            <form method="GET" action="{{ route('admin.reports.penalties.index') }}" class="admin-pen-toolbar-form">
                <div class="admin-pen-grid">

                    <div class="admin-pen-item">
                        <div class="admin-pen-label">Місяць</div>
                        <input type="month" name="month" value="{{ $selectedMonth }}" class="form-control admin-pen-ctl">
                    </div>

                    <div class="admin-pen-item">
                        <div class="admin-pen-label">Кабінет</div>
                        <select name="cabinet_id" class="form-control admin-pen-ctl">
                            <option value="">Всі</option>
                            @foreach($cabinets as $cab)
                                @php
                                    $num = (int) trim(str_replace('TLOD', '', $cab->slug));
                                    $label = $num > 0 ? $num.' кабінет' : $cab->slug;
                                @endphp
                                <option value="{{ $cab->id }}" {{ (string)$cabinetId === (string)$cab->id ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="admin-pen-item">
                        <div class="admin-pen-label">Тімлід</div>
                        <select name="teamlead_id" class="form-control admin-pen-ctl">
                            <option value="">Всі</option>
                            @foreach($teamleads as $tl)
                                <option value="{{ $tl->id }}" {{ (string)$teamleadId === (string)$tl->id ? 'selected' : '' }}>
                                    {{ $tl->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="admin-pen-item">
                        <div class="admin-pen-label">Зміна</div>
                        <select name="shift" class="form-control admin-pen-ctl">
                            <option value="">Всі</option>
                            <option value="day" {{ $shift === 'day' ? 'selected' : '' }}>День</option>
                            <option value="evening" {{ $shift === 'evening' ? 'selected' : '' }}>Вечір</option>
                            <option value="night" {{ $shift === 'night' ? 'selected' : '' }}>Ніч</option>
                        </select>
                    </div>

                    {{-- Врахування (ЗП) --}}
                    <div class="admin-pen-item">
                        <div class="admin-pen-label">Врахування (ЗП)</div>
                        <select name="counted" class="form-control admin-pen-ctl">
                            <option value=""  {{ ($counted ?? '') === '' ? 'selected' : '' }}>Всі</option>
                            <option value="0" {{ ($counted ?? '') === '0' ? 'selected' : '' }}>Не враховані</option>
                            <option value="1" {{ ($counted ?? '') === '1' ? 'selected' : '' }}>Враховані</option>
                        </select>
                    </div>

                    <div class="admin-pen-item admin-pen-item-wide">
                        <div class="admin-pen-label">Пошук (оператор / tg / причина)</div>
                        <input type="text" name="q" value="{{ $q }}" class="form-control admin-pen-ctl" placeholder="Напр: @username або 'спам'">
                    </div>

                    <div class="admin-pen-actions">
                        <button type="submit" class="btn btn-primary admin-pen-btn">
                            Застосувати
                        </button>
                        <a href="{{ route('admin.reports.penalties.index') }}" class="btn btn-outline-secondary admin-pen-btn-outline">
                            Скинути
                        </a>
                    </div>

                </div>
            </form>
        </div>

        {{-- Table / Mobile --}}
        <div class="admin-pen-card">

            {{-- Desktop/Tablet table --}}
            <div class="table-responsive admin-pen-table-wrap">
                <table class="table table-sm mb-0 admin-pen-table">
                    <thead>
                    <tr>
                        <th style="width:120px;">Дата</th>
                        <th style="width:160px;">Кабінет</th>
                        <th style="width:180px;">Тімлід</th>
                        <th style="width:240px;">Оператор</th>
                        <th style="width:120px;">Зміна</th>
                        <th style="width:120px;">Сума</th>
                        <th>Причина</th>

                        {{-- ✅ Мінімалістичний toggle --}}
                        <th style="width:120px; text-align:center;">ЗП</th>

                        <th style="width:90px;" class="text-right">Дії</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($penalties as $p)
                        @php
                            $shiftUa = match($p->shift){
                                'day' => 'День',
                                'evening' => 'Вечір',
                                'night' => 'Ніч',
                                default => '—'
                            };

                            $cabNum = null;
                            if ($p->cabinet && $p->cabinet->slug) {
                                $cabNum = (int) trim(str_replace('TLOD', '', $p->cabinet->slug));
                            }
                            $cabLabel = $cabNum ? $cabNum.' кабінет' : ($p->cabinet->slug ?? '—');

                            $op = trim((string)($p->operator_name ?? ''));
                            $tg = trim((string)($p->operator_tg_username ?? ''));
                            $opLabel = $op !== '' ? $op : ($tg !== '' ? $tg : '—');
                            if ($op !== '' && $tg !== '') $opLabel .= ' ('.$tg.')';
                        @endphp

                        <tr class="{{ $p->is_counted ? 'admin-pen-row-counted' : '' }}">
                            <td class="admin-pen-date">
                                {{ \Carbon\Carbon::parse($p->penalty_date)->format('d.m.Y') }}
                            </td>
                            <td><span class="admin-pen-cab">{{ $cabLabel }}</span></td>
                            <td>{{ $p->teamlead?->name ?? '—' }}</td>
                            <td><span class="admin-pen-op">{{ $opLabel }}</span></td>
                            <td>
                                <span class="admin-pen-shift admin-pen-shift-{{ $p->shift }}">
                                    {{ $shiftUa }}
                                </span>
                            </td>
                            <td class="admin-pen-amount">
                                {{ number_format((float)$p->amount, 2, '.', ' ') }} $
                            </td>
                            <td class="admin-pen-reason">{{ $p->reason ?? '—' }}</td>

                            {{-- ✅ Toggle: враховано в ЗП --}}
                            <td class="text-center">
                                <form method="POST"
                                      action="{{ route('admin.reports.penalties.toggleCounted', $p) }}"
                                      class="pen-counted-form"
                                      onsubmit="return false;">
                                    @csrf
                                    @method('PATCH')

                                    <label class="pen-switch" title="Врахувати/зняти врахування в ЗП">
                                        <input type="checkbox"
                                               {{ $p->is_counted ? 'checked' : '' }}
                                               onchange="this.form.submit()">
                                        <span class="pen-slider"></span>
                                    </label>
                                </form>
                            </td>

                            <td class="text-right">
                                <form method="POST" action="{{ route('admin.reports.penalties.destroy', $p) }}"
                                      onsubmit="return confirm('Видалити цей штраф?');">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger admin-pen-del" type="submit">✕</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="text-center text-muted p-4">
                                За вибраними фільтрами штрафів немає.
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

            {{-- Mobile cards --}}
            <div class="admin-pen-mobile-list">
                @forelse($penalties as $p)
                    @php
                        $shiftUa = match($p->shift){
                            'day' => 'День',
                            'evening' => 'Вечір',
                            'night' => 'Ніч',
                            default => '—'
                        };

                        $cabNum = null;
                        if ($p->cabinet && $p->cabinet->slug) {
                            $cabNum = (int) trim(str_replace('TLOD', '', $p->cabinet->slug));
                        }
                        $cabLabel = $cabNum ? $cabNum.' кабінет' : ($p->cabinet->slug ?? '—');

                        $op = trim((string)($p->operator_name ?? ''));
                        $tg = trim((string)($p->operator_tg_username ?? ''));
                        $opLabel = $op !== '' ? $op : ($tg !== '' ? $tg : '—');
                        if ($op !== '' && $tg !== '') $opLabel .= ' ('.$tg.')';
                    @endphp

                    <div class="admin-pen-mobile-card {{ $p->is_counted ? 'admin-pen-row-counted' : '' }}">
                        <div class="admin-pen-mobile-head">
                            <div class="admin-pen-mobile-left">
                                <div class="admin-pen-mobile-top">
                                    <div class="admin-pen-mobile-date">
                                        {{ \Carbon\Carbon::parse($p->penalty_date)->format('d.m.Y') }}
                                    </div>
                                    <div class="admin-pen-mobile-cab">{{ $cabLabel }}</div>
                                    <span class="admin-pen-shift admin-pen-shift-{{ $p->shift }}">{{ $shiftUa }}</span>
                                </div>

                                <div class="admin-pen-mobile-row">
                                    <span class="admin-pen-mobile-label">Тімлід:</span>
                                    <span class="admin-pen-mobile-value">{{ $p->teamlead?->name ?? '—' }}</span>
                                </div>

                                <div class="admin-pen-mobile-row">
                                    <span class="admin-pen-mobile-label">Оператор:</span>
                                    <span class="admin-pen-mobile-value">{{ $opLabel }}</span>
                                </div>
                            </div>

                            <div class="admin-pen-mobile-amount">
                                {{ number_format((float)$p->amount, 2, '.', ' ') }} $
                            </div>
                        </div>

                        <div class="admin-pen-mobile-body">
                            <div class="admin-pen-mobile-row admin-pen-mobile-row--reason">
                                <span class="admin-pen-mobile-label">Причина:</span>
                                <span class="admin-pen-mobile-value">{{ $p->reason ?? '—' }}</span>
                            </div>

                            {{-- ✅ Toggle на мобільному --}}
                            <div class="admin-pen-mobile-row admin-pen-mobile-row--counted">
                                <span class="admin-pen-mobile-label">Враховано в ЗП:</span>

                                <form method="POST"
                                      action="{{ route('admin.reports.penalties.toggleCounted', $p) }}"
                                      onsubmit="return false;">
                                    @csrf
                                    @method('PATCH')
                                    <label class="pen-switch">
                                        <input type="checkbox"
                                               {{ $p->is_counted ? 'checked' : '' }}
                                               onchange="this.form.submit()">
                                        <span class="pen-slider"></span>
                                    </label>
                                </form>
                            </div>

                            <form method="POST" action="{{ route('admin.reports.penalties.destroy', $p) }}"
                                  onsubmit="return confirm('Видалити цей штраф?');" class="admin-pen-mobile-actions">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-outline-danger admin-pen-del admin-pen-del-wide" type="submit">
                                    Видалити
                                </button>
                            </form>
                        </div>
                    </div>
                @empty
                    <div class="text-center text-muted p-4">
                        За вибраними фільтрами штрафів немає.
                    </div>
                @endforelse
            </div>

            <div class="admin-pen-footer">
                {{ $penalties->links() }}
            </div>
        </div>

    </div>

@endsection