@extends ('backend.layouts.app')

@section('title', 'All Forms Structures')

@section('page-header')
<h1>All Forms Structures</h1>
@endsection

@section('content')

<div class="box box-info">
        <div class="box-header with-border">
            <a href="{{ route('admin.form-manager.index') }}" class="btn btn-info btn-sm ">
                <i class="bi bi-plus-circle me-1"></i> return to Forms
            </a>
        </div>
        <!--box-header with-border-->

        <div class="box-body">
        @if($submissions->count())
            <div class="table-responsive data-table-wrapper">
                <table id="dbtable-table" class="table table-condensed table-hover table-bordered">
                    <thead>
                        <tr>
                            <th class="five">#</th>
                            @foreach($form_headers as $header)
                            <th>{{ $header['label'] ?? title_case($header['name']) }}</th>
                            @endforeach
                            <!-- <th class="fifteen">Actions</th> -->
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($submissions as $submission)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            @foreach($form_headers as $header)
                            <td>
                                {{ 
                                    $submission->renderEntryContent(
                                        $header['name'], $header['type'], true
                                    ) 
                                }}
                            </td>
                            @endforeach
                            <!-- <td>
                                <a href="" class="btn btn-primary btn-sm" title="View submission">
                                    <i class="fa fa-eye"></i> View
                                </a> 
                            </td> -->
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @if($submissions->hasPages())
            <div class="card-footer mb-0 pb-0">
                <div>{{ $submissions->links() }}</div>
            </div>
        @endif
        @else
            <div class="card-body">
                <h4 class="text-danger text-center">
                    No submission to display.
                </h4>
            </div>  
        @endif
        </div><!-- /.box-body -->
    </div>
    <!--box-->
@endsection

@section('after-scripts')

<script src="{{ mix('js/dataTable.js') }}"></script>

<script>
    $(function() {
        var dataTable = $('#dbtable-table').dataTable();
    });
</script>

@endsection