@extends('layouts.admin')

@section('title', 'مدیریت چرخه‌ها')

@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                <h2>
                    مدیریت چرخه‌ها
                    <small>{{ number_format($cycles->total()) }} چرخه</small>
                </h2>
            </div>

            <div class="body">
                <!-- فرم جستجو و فیلتر -->
                <form method="GET" action="{{ route('admin.cycles.index') }}" class="form-inline m-b-20">
                    <div class="form-group">
                        <input type="text" name="search" class="form-control" placeholder="جستجو (ID، ایمیل، نام)" value="{{ request('search') }}">
                    </div>

                    <div class="form-group">
                        <select name="feeling" class="form-control">
                            <option value="">همه احساسات</option>
                            <option value="reactive" {{ request('feeling') === 'reactive' ? 'selected' : '' }}>واکنشی</option>
                            <option value="contracting" {{ request('feeling') === 'contracting' ? 'selected' : '' }}>منقبض</option>
                            <option value="growth" {{ request('feeling') === 'growth' ? 'selected' : '' }}>رشد</option>
                            <option value="ultimate" {{ request('feeling') === 'ultimate' ? 'selected' : '' }}>نهایی</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                    </div>

                    <div class="form-group">
                        <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                    </div>

                    <button type="submit" class="btn btn-primary waves-effect">
                        <i class="material-icons">search</i>
                        <span>جستجو</span>
                    </button>

                    <a href="{{ route('admin.cycles.index') }}" class="btn btn-default waves-effect">
                        <i class="material-icons">refresh</i>
                        <span>بازنشانی</span>
                    </a>
                </form>

                <!-- جدول چرخه‌ها -->
                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>کاربر</th>
                                <th>احساس</th>
                                <th>رفتار</th>
                                <th>نتیجه</th>
                                <th>امتیاز هاوکینز</th>
                                <th>سطح آگاهی</th>
                                <th>تاریخ ثبت</th>
                                <th>عملیات</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($cycles as $cycle)
                            <tr>
                                <td>{{ $cycle->id }}</td>
                                <td>
                                    <a href="{{ route('admin.users.edit', $cycle->user_id) }}">
                                        {{ $cycle->user->full_name ?? $cycle->user->email }}
                                    </a>
                                </td>
                                <td>{{ $cycle->feeling ?? '-' }}</td>
                                <td>{{ \Illuminate\Support\Str::limit($cycle->q4, 30) ?? '-' }}</td>
                                <td>{{ \Illuminate\Support\Str::limit($cycle->q5, 30) ?? '-' }}</td>
                                <td>{{ number_format($cycle->q3_hawkins ?? 0) }}</td>
                                <td>{{ number_format($cycle->q5_level ?? 0, 2) }}%</td>
                                <td>{{ $cycle->created_at->format('Y/m/d H:i') }}</td>
                                <td class="table-actions">
                                    <form action="{{ route('admin.cycles.destroy', $cycle) }}" method="POST" style="display:inline;">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-xs btn-danger" onclick="return confirm('آیا از حذف این چرخه اطمینان دارید؟')" title="حذف">
                                            <i class="material-icons">delete</i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach

                            @if ($cycles->isEmpty())
                            <tr>
                                <td colspan="9" class="text-center">هیچ چرخه‌ای یافت نشد</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                {{ $cycles->links() }}
            </div>
        </div>
    </div>
</div>
@endsection