{{-- @extends('Layouts.erp_master_full_width') --}}
@extends('Layouts.erp_master')
@section('content')

@php
    $moduleList = DB::table('gnl_sys_modules')->where('is_delete', 0)->select('id', 'module_name', 'module_short_name')->orderBy('module_name', 'ASC')->get();
    $typeList = DB::table('gnl_dynamic_form_type')->where('is_delete', 0)->select('id', 'name')->orderBy('name', 'ASC')->get();
@endphp

<!-- Search Option Start -->
<div class="row align-items-center d-flex justify-content-center pb-5">

    <div class="col-lg-3">
        <label class="input-title">Module Name</label>
        <div class="input-group">
            <select class="form-control clsSelect2" name="moduleId" id="moduleId">
                <option value="">Select All</option>
                @foreach ($moduleList as $row)
                <option value="{{ $row->id }}">{{ $row->module_name }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="col-lg-3">
        <label class="input-title">Dynamic Form Type</label>
        <div class="input-group">
            <select class="form-control clsSelect2" name="typeId" id="typeId">
                <option value="">Select All</option>
                @foreach ($typeList as $row)
                <option value="{{ $row->id }}">{{ $row->name }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="col-lg-3">
        <label class="input-title">Active Data</label>
        <div class="input-group">
            <select class="form-control clsSelect2" name="isActive" id="isActive">
                <option value="1">Active</option>
                <option value="0">All</option>
                <option value="2">In-Active</option>
            </select>
        </div>
    </div>

    @include('elements.button.common_button', [
        'search' => [
            'action' => true,
            'title' => 'search',
            'id' => 'searchFieldBtn',
            'name' => 'searchFieldBtn',
            'exClass' => 'float-right'
        ]
    ])

</div>
<!-- Search Option End -->


<div class="table-responsive">
    <table class="table w-full table-hover table-bordered table-striped clsDataTable">
        <thead>
            <tr class="text-center">
                <th width="3%">SL</th>
                <th width="5%">Uid</th>
                <th width="15%">Title</th>
                <th width="8%">Order</th>
                <th width="10%">Form Type</th>
                <th width="10%">Module</th>
                <th width="5%">Input</th>
                <th width="20%">Note</th>
                <th width="5%">Data</th>
                <th width="10%">Action</th>
            </tr>
        </thead>
    </table>
</div>

<script>

    $(document).ready(function () {
        ajaxDataLoad();
        $('#searchFieldBtn').click(function(){
            ajaxDataLoad();
        });
    });

    function ajaxDataLoad(){
        $('.clsDataTable').DataTable({
            destroy: true,
            processing: true,
            serverSide: true,
            order: [[0, "ASC"]],
            "ajax": {
                "url": "{{route('dFormDatatable')}}",
                "dataType": "json",
                "type": "post",
                "data":{ _token: "{{csrf_token()}}",
                        moduleId: $('#moduleId').val(),
                        typeId: $('#typeId').val(),
                        isActive: $('#isActive').val(),
                    }
            },
            "columns": [
                { data: 'id', className: 'text-center'},
                { data: 'uid', className: 'text-center'},
                { data: "name"},
                { data: "order_by", className: 'text-center'},
                { data: "form_type", orderable: false,},
                { data: "module", orderable: false,},
                { data: "input_type", className: 'text-center', orderable: false},
                { data: "note", orderable: false,},
                { data: "status", className: 'text-center', orderable: false,},
                { data: 'action', orderable: false, className: 'text-center d-print-none' },
            ],
            'fnRowCallback': function(nRow, aData, Index) {
                var actionHTML = jsRoleWisePermission(aData.action.set_status, aData.action.action_name, aData.action.action_link);
                $('td:last', nRow).html(actionHTML);
            }
        });
    }

    function fnDelete(RowID) {
        /**
        * para1 = link to delete without id
        * para 2 = ajax check link same for all
        * para 3 = id of deleting item
        * para 4 = matching column
        * para 5 = table 1
        * para 6 = table 2
        * para 7 = table 3
        */

        fnDeleteCheck(
            "{{url('gnl/dynamic_form/delete/')}}",
            "{{url('/ajaxDeleteCheck')}}",
            RowID
            // "{{base64_encode('form_id')}}",
            // "{{base64_encode('is_delete,0')}}",
            // "{{base64_encode('gnl_dynamic_form_value')}}"
        );
    }

 </script>

@endsection