@extends('admin.masterv2')

@section('styleSheet')
    <!-- BEGIN PAGE LEVEL STYLES -->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/plugins/datatables/dataTables.bootstrap5.css') }}" />
    <!-- END PAGE LEVEL STYLES -->
@endsection
@section('content')

<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-bar">
            <ul class="page-breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="{{route('home')}}">Dashboard</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="{{route('formFieldGroupList')}}">Form Field Group List</a>
                </li>
            </ul>
        </div>
        <!-- END PAGE HEADER-->

        <div class="portlet box blue-hoki">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>Form Field Group List
                </div>
                <div class="tools">
                </div>
            </div>
            <div class="portlet-body">
                <table id="paymentList" data-order='[[ 0, "desc" ]]' class="table table-bordered table-striped" style="width:100%">
                    <thead class="thead-dark">
                        <tr>
                            <th tabindex="0">Name</th>
                            <th tabindex="1">Order</th>
                            <th tabindex="2">Status</th>
                            <th tabindex="3">Created</th>
                            <th tabindex="4">Action</th>
                        </tr>
                    </thead>

                    <tbody>
                    @foreach($fromGroups as $formgroup)
                        {{-- @if($payment->student_id==693716804)
                        {{dd($payment)}}
                        @endif --}}
                        <tr>
                            <td>
                                <a href="{{route('formFieldGroupDetails', ['id' => $formgroup->id])}}" class="link-success" title="Detail">
                                    {{$formgroup->name}}
                                </a>
                            </td>
                            <td>{{$formgroup->view_order}}</td>
                            <td>{{$formgroup->status == 'Y' ? "show" : "Hide" }}</td>
                            <td>{{$formgroup->created_at}}</td>
                            <td>
                                <div class="row">
                                                        <div class="col-md-2">
                                                            <a href="{{route('formFieldGroupDetails', ['id' => $formgroup->id])}}" class="text-success" data-toggle="m-tooltip"  title="Edit">
                                                                <i class='fa fa-edit'></i>
                                                            </a>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <form action="{{ route('deleteFormGroup', ['id' => $formgroup->id]) }}" method="POST">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button type="submit" class="btn btn-danger btn-sm" style="background: none;color: inherit;border: none;padding: 0;font: inherit;cursor: pointer;" onclick="return confirm('Are you sure you want to delete this form?')"><i class="fa fa-trash"></i></button>
                                                            </form>
                                                        </div>
                                                    </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                    <tfoot class="thead-dark">
                        <tr>
                            <th tabindex="0">Name</th>
                            <th tabindex="1">Order</th>
                            <th tabindex="2">Status</th>
                            <th tabindex="3">Created</th>
                            <th tabindex="4">Action</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        <!-- BEGIN PAGE CONTENT-->

        <!-- END PAGE CONTENT-->
        </div>
    </div>
</div>
@endsection
@section('customJs')
<script type="text/javascript" src="{{ asset('assets/plugins/datatables/dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/plugins/datatables/dataTables.bootstrap5.js') }}"></script>
<script>
    $(document).ready(function() {
        $('#paymentList').DataTable({
            layout: {
                topStart: {
                    pageLength: {
                        menu: [[20, 30, 40, -1], [20, 30, 40, "All"]]
                    },
                    
                },
            },
        });
    });
    </script>
@endsection