@extends('layouts.admin_app')

@section('content')
    @if (Session::has('success_message'))
        <div class="alert alert-success alert-dismissible fade show">
            <span class="glyphicon glyphicon-ok"></span>
            {!! session('success_message') !!}
            <button type="button" class="close" data-dismiss="alert" aria-label="close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            <div class="mb-3">
                <div class="float-left">
                    <h4 class="text-info font-weight-bold">Columns for Report: {{ $report->name }}</h4>
                    <p class="text-muted mb-0">
                        <strong>Report Code:</strong> {{ $report->report_code ?? 'N/A' }} | 
                        <strong>Report ID:</strong> {{ $report->id }}
                    </p>
                </div>
                <div class="btn-group btn-group-sm float-right" role="group">
                    <a href="{{ route('dashboard_reports.index') }}" class="btn btn-secondary mr-2" title="Back to Reports">
                        <span class="fas fa-arrow-left" aria-hidden="true"></span> Back
                    </a>
                    <a href="{{ route('dashboard_reports.column.create') }}" class="btn btn-secondary mr-2" title="Add New Column">
                        <span class="fas fa-plus" aria-hidden="true"></span> Add Column
                    </a>
                </div>
                <div class="clearfix"></div>
            </div>

            @if (count($report->columns) == 0)
                <h4 class="text-info text-center">No Columns Available for this Report.</h4>
            @else
                <div class="table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Type</th>
                                <th>Reason</th>
                                <th>Count Selection</th>
                                <th>Hidden</th>
                                <th>Backend Form</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($report->columns->sortBy('order') as $column)
                                <tr>
                                    <td>{{ $column->column_name }}</td>
                                    <td>{{ $column->column_type ?? '-' }}</td>
                                    <td>
                                        <span class="badge badge-{{ $column->is_reason ? 'success' : 'secondary' }}">
                                            {{ $column->is_reason ? 'Yes' : 'No' }}
                                        </span>
                                    </td>

                                    <td>
                                        <span class="badge badge-{{ $column->count_selection ? 'success' : 'secondary' }}">
                                            {{ $column->count_selection ? 'Yes' : 'No' }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $column->is_hide ? 'success' : 'secondary' }}">
                                            {{ $column->is_hide ? 'Yes' : 'No' }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $column->is_backend_form ? 'success' : 'secondary' }}">
                                            {{ $column->is_backend_form ? 'Yes' : 'No' }}
                                        </span>
                                    </td>
                                    <td>
                                        <div class="btn-group btn-group-sm" role="group">
                                            <a href="{{ route('dashboard_reports.column.edit', $column->id) }}" 
                                                class="btn btn-warning" title="Edit Column">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                            <button type="button" class="btn btn-danger" 
                                                    onclick="confirmDeleteColumn({{ $column->id }}, '{{ $column->column_name }}')"
                                                    title="Delete Column">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </div>
                                        <form id="delete-column-form-{{ $column->id }}" 
                                            action="{{ route('dashboard_reports.column.destroy', $column->id) }}" 
                                            method="POST" style="display: none;">
                                            @csrf
                                            @method('DELETE')
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
@endsection

@section('scripts')
<script>
    function confirmDeleteColumn(columnId, columnName) {
        if (confirm('Are you sure you want to delete the column "' + columnName + '"?')) {
            document.getElementById('delete-column-form-' + columnId).submit();
        }
    }
</script>
@endsection