@extends('layouts.master')
@section('title', 'Static Data List')

@push("styles")
    <style>
        .language-input{
            min-width: 200px;
        }
    </style>
@endpush

@section("content")
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-12">
                <div class="form-group float-end mb-0" style="min-width: 180px;">
                    <div class="relative z-0 w-full mb-1 group">
                        <label for="status" class="ml-2 p-2 py-0 peer-focus:font-medium absolute text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white z-50 custom-label" for="status">{{__('Show Status wise data')}}</label>
                        <select id="status" name="status" class="form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer">
                            <option value="">{{__('All')}}</option>
                            <option value="0">{{__('Pending')}}</option>
                            <option value="1">{{__('Approved')}}</option>
                            <option value="2">{{__('Rejected')}}</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="table-responsive user_tables">
            <table class="table table-bordered member-table" id="bstable" data-toggle="table" table-for="staticdata"
                   data-ajax="ajaxRequest" data-side-pagination="server" data-pagination="true"  data-show-button-text="true"
                   data-total-field="count" data-data-field="items" data-show-columns="true"
                   data-show-toggle="false" data-show-export="false" data-filter-control="true"
                   data-show-columns-toggle-all="false"
                   data-page-list="[10, 25, 50, 100, 200, 500]"
                   data-icons-prefix="bi" data-icons='icons' data-show-search-clear-button="true" data-silent-sort="false"
                   data-toolbar="#custom_toolbar_user" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                <thead>
                <tr>
                    <th data-field="SrNo" data-filter-control="false"  data-filter-control-placeholder="#"  data-switchable="true">{{ __('#') }}</th>
                    <th data-field="Name" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Name">{{ __('Name') }}</th>
                    @foreach ($languages as $language)
                        <th data-field="{{ $language->name }}" data-sortable="true"  data-filter-control="input" data-filter-control-placeholder="{{ $language->name }}">{{ $language->name }}</th>
                    @endforeach
                    <th data-field="action" data-filter-control="false" data-sortable="false" data-filter-control-placeholder="action">{{ __('Action') }}</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection

@push('scripts')
 <script src="{{asset('backend/js/pages-js/tra-static-data.js')}}"></script>
@endpush