@extends('adminlte::page')

@section('title', 'Forms')

@section('content_header')
<h1 class="m-0">Forms</h1>
<ol class="breadcrumb mt-1 p-0 bg-transparent">
    <li class="breadcrumb-item"><a href="{{ url('admin') }}">Home</a></li>
    <li class="breadcrumb-item active">Forms</li>
</ol>
@endsection

@section('content')

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        {{ session('success') }} <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
@endif

<div class="card">
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead class="thead-light">
                <tr>
                    <th width="40">#</th>
                    <th>Form</th>
                    <th>Slug</th>
                    <th>Sections</th>
                    <th>Questions</th>
                    <th>Enumerators</th>
                    <th width="80" class="text-center">Active</th>
                    <th width="160">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($forms as $form)
                @php
                    $badgeMap = ['indigo'=>'primary','violet'=>'info','emerald'=>'success','amber'=>'warning'];
                    $badge = $badgeMap[$form->color] ?? 'secondary';
                @endphp
                <tr>
                    <td>{{ $form->sort_order }}</td>
                    <td>
                        <span class="badge badge-{{ $badge }} mr-1">{{ $form->color }}</span>
                        <strong>{{ Str::before($form->title, ' (') }}</strong>
                        @if($form->title_bn)
                            <small class="text-muted d-block">{{ $form->title_bn }}</small>
                        @endif
                    </td>
                    <td><code>{{ $form->slug }}</code></td>
                    <td>{{ $form->sections()->count() }}</td>
                    <td>{{ $form->questions_count }}</td>
                    <td>{{ implode(', ', $form->submitted_by_options ?? []) }}</td>
                    <td class="text-center">
                        <form action="{{ route('admin.forms.toggle-active', $form) }}" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-xs {{ $form->is_active ? 'btn-success' : 'btn-secondary' }}"
                                    title="{{ $form->is_active ? 'Click to deactivate' : 'Click to activate' }}">
                                <i class="fas {{ $form->is_active ? 'fa-toggle-on' : 'fa-toggle-off' }}"></i>
                            </button>
                        </form>
                    </td>
                    <td>
                        <a href="{{ route('admin.forms.sections.index', $form) }}"
                           class="btn btn-xs btn-info mr-1">
                            <i class="fas fa-layer-group"></i> Sections
                        </a>
                        <a href="{{ route('admin.forms.edit', $form) }}"
                           class="btn btn-xs btn-default">
                            <i class="fas fa-edit"></i> Edit
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<div class="alert alert-warning mt-3">
    <i class="fas fa-exclamation-triangle mr-1"></i>
    <strong>Note:</strong> Adding new forms requires adding a config file and re-running the FormSeeder.
    Changes to existing forms go live immediately.
</div>
@endsection