@extends('themes.backend.layouts.app')
@section('dataTables') @stop
@section('page_title')
    {{ $pageDataAtrArr['title'] }}
@endsection

@section('breadcrumb')
    {{ Breadcrumbs::render('custom-field.index') }}
@endsection

@section('content')
    <div class="page-content">
        <div class="container-fluid">

            {{-- Module Title and Breadcrumb --}}
            @include('themes.backend.partials.module_title_breadcrumb', [
                'module_name' => $pageDataAtrArr['module_name'],
            ])

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">

                        {{-- Page Title --}}
                        @include('themes.backend.partials.page_title', [
                            'title' => $pageDataAtrArr['title'],
                        ])

                        <div class="card-body">
                            <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}"
                                message="{{ session()->get('message') }}" />

                            <div class="listjs-table" id="customerList">
                                <div class="row g-4 mb-3">
                                    <div class="col-sm-auto">
                                        <div>
                                            @if ($roleRights['add'])
                                                <!-- Add New -->
                                                <x-link_add_new url="{{ route('admin.custom-field.create') }}" />
                                            @endif
                                            @if ($roleRights['delete'] && count($dataListModel) > 0)
                                                <!-- Multi Delete -->
                                                <x-form.btn_multi_delete message="{{ __('customfield.warning.delete') }}" />
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <form id="listDataForm" name="listDataForm" method="post"
                                action="{{ route('admin.custom-field.delete') }}">
                                {{ csrf_field() }}
                                <table id="fixed-header"
                                    class="table table-bordered dt-responsive nowrap table-striped align-middle"
                                    style="width:100%">
                                    <thead>
                                        <tr>
                                            @if ($roleRights['delete'] && count($dataListModel) > 0)
                                                <th scope="col" style="width: 10px;" class="cc-w-10 no-sort-del">
                                                    <x-form.field.checkbox name="check_all" id="check_all" />
                                                </th>
                                            @endif
                                            <th>{{ __('customfield.field_name_txt') }}</th>
                                            <th>{{ __('customfield.label_txt') }}</th>
                                            <th class="cc-w-125">{{ __('customfield.type_txt') }}</th>
                                            <th class="cc-w-60">{{ __('customfield.required_txt') }}</th>
                                            <th class="cc-w-35">{{ __('admin.order_txt') }}</th>
                                            <th class="cc-w-60">{{ __('admin.status_txt') }}</th>
                                            <th class="cc-w-125">{{ __('admin.mdfy_date_txt') }}</th>
                                            <th>{{ __('admin.mdfy_by_txt') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (count($dataListModel) > 0)
                                            @foreach ($dataListModel as $key => $record)
                                                <tr>
                                                    @if ($roleRights['delete'])
                                                        <td scope="row" class="sorting_{{ $record->custom_field_id }}">
                                                            <div class="form-check">
                                                                <x-form.field.checkbox name="checkbox[]"
                                                                    value="{{ $record->custom_field_id }}"
                                                                    fldclass="form-check-input fs-15 del-chkbx" />
                                                            </div>
                                                        </td>
                                                    @endif
                                                    <td>
                                                        @if ($roleRights['edit'])
                                                            <x-link_tooltip
                                                                url="{{ route('admin.custom-field.edit', $record->custom_field_id) }}"
                                                                title="{{ $listDataAtrArr['edit_title'] }}">
                                                                {{ $record->field_name }}
                                                            </x-link_tooltip>
                                                        @else
                                                            {{ $record->field_name }}
                                                        @endif
                                                    </td>
                                                    <td title="{{ $record->note }}">{{ $record->label }}</td>
                                                    <td>{{ $record->type }}</td>
                                                    <td>{{ $record->required }}</td>
                                                    <td>{{ !empty($record->c_order) && $record->c_order > 0 ? $record->c_order : '' }}</td>
                                                    <td>
                                                        @if ($roleRights['edit'])
                                                            <x-badge_status_update id="{{ $record->custom_field_id }}"
                                                                idName="custom_field_id" table="custom_field"
                                                                status="{{ $record->status }}"
                                                                statusType="{{ $moduleAtrArr['status_type'] }}"
                                                                alertCss="{{ $listDataAtrArr['alert_css_string'][$record->status] }}" />
                                                        @else
                                                            <x-badge_status status="{{ $record->status }}"
                                                                alertCss="{{ $listDataAtrArr['alert_css_string'][$record->status] }}" />
                                                        @endif
                                                    </td>
                                                    <td>{{ date($listDataAtrArr['mdfy_dt_frmt'], strtotime($record->updated_at)) }}
                                                    </td>
                                                    <td>{{ $record->updatedBy->display_name ?? $listDataAtrArr['unknown_txt'] }}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </form>
                        </div>

                    </div>
                </div>
            </div> {{-- end row --}}

        </div> {{-- container-fluid --}}
    </div> {{-- page-content --}}
@endsection