@extends('admin.layout.master')

@section('content')
<div class="content datatable">
    <div class="p-4 code-to-copy">
        <div class="row">
            <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                <div class="card shadow-none border">
                    <div class="card-header p-4 border-bottom bg-body">
                        
                         <div class="row g-3 justify-content-between align-items-end">
                                 <div class="col-md-6">
                                   <h4 class="text-body mb-0">Category: {{ $category->name }}</h4>
                                </div>
                                <div class="col-md-6 text-end">
                                   <a href="{{ route('admin.categories.fields', ['id' => $category->id]) }}" class="btn btn-primary">
                                        Edit Category Fields
                                    </a>
                                </div>
                           </div>
                    </div>
                    <div class="card-body p-0">
                        <div class="p-4">
                            @if(count($fieldTree))
                                @php
                                    function renderFields($fields, $level = 0, $prefix = '') {
                                        $i = 1;
                                        foreach ($fields as $field) {
                                            $currentPrefix = $prefix === '' ? "$i" : "$prefix.$i";
                                           echo '<div class="card mb-3" style="margin-left: ' . ($level * 20) . 'px;">';
                                            echo '<div class="card-header bg-light p-2">';
                                            echo '<div class="d-flex justify-content-between align-items-center">';
                                            echo '<div>';
                                            echo '<span class="badge bg-secondary me-2">Level ' . ($level + 1) . '</span>';
                                            echo '<strong>' . $currentPrefix . '</strong>';
                                            echo '</div>';
                                            echo '<div>';
                                            echo '<form method="POST" action="' . route('admin.category.field.delete', $field["id"]) . '" style="display:inline-block;">';
                                            echo csrf_field();
                                            echo method_field('DELETE');
                                            echo '<button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm(\'Are you sure?\')">Delete</button>';
                                            echo '</form>';
                                            echo '</div>';
                                            echo '</div>'; 
                                            echo '</div>'; 
                                            echo '<div class="card-body">';
                                            echo '<p><strong>Type:</strong> ' . ($field["type"] == "text" ? 'Subchild' : ucfirst($field["type"])) . '</p>';
                                            if ($field["type"] == "description" && !empty($field["video_link"])) {
                                                echo '<p><strong>Video Link:</strong> <a href="' . $field["video_link"] . '" target="_blank">' . $field["video_link"] . '</a></p>';
                                            }
                                            
                                            if ($field["type"] === "description") {
                                                echo '<div class="mt-2">' . $field["value"] . '</div>';
                                            } else {
                                                echo '<p>' . htmlspecialchars($field["value"]) . '</p>';
                                            }
                                          
                                            if (!empty($field['children'])) {
                                                renderFields($field['children'], $level + 1, $currentPrefix);
                                            }
                                            echo '</div>';
                                            echo '</div>';
                                            $i++;
                                        }
                                    }
                                @endphp
                                @php renderFields($fieldTree); @endphp
                            @else
                                <p>No fields found for this category.</p>
                            @endif

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
</div>
@endsection