@extends('admin.layouts.master')


@section('content')
    @include('admin.layouts.css')
    <style>
        .links nav {
            display: inline-flex;
        }
    </style>
    <script type="bfc98932bf32d1ebaea89a80-text/javascript">

    </script>
    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-header justify-content-between">
                    <div class="card-title urdu-fonts">
                        <span>@lang('lang.supplier')</span> <span class="pe-1"> @lang('lang.table')</span>
                    </div>



                    <div class="prism-toggle d-flex">
                        <h5 class="urdu-fonts pe-2">{{ $suppliers->currentPage() }} : @lang('pagination.Pageno')</h5>
                        <h5 class="urdu-fonts pe-2">{{ $suppliers->total() }} : @lang('pagination.total') </h5>
                        <h5 class="urdu-fonts pe-2">{{ $suppliers->count() }} : @lang('pagination.record')</h5>
                        {{-- <span class="urdu-fonts h5">{{ $suppliers->currentPage() }}  @lang('pagination.Pageno') :</span>
                        <span class="urdu-fonts h5"> {{ $suppliers->total() }}  @lang('pagination.total') :</span>
                        <span class="urdu-fonts h5"> {{ $suppliers->count()}}  @lang('pagination.record') </span> --}}
                        {{-- <button class="btn btn-sm btn-primary-light">Show Code<i class="ri-code-line ms-2 d-inline-block align-middle"></i></button> --}}
                    </div>
                </div>
                <div class="card-header d-block">
                    <div class="row">
                        <div class="dt_buttons">
                            <a class="btn btn-primary" href="{{ route('admin.supplier.pdf') }}">PDF</a>
                            {{-- <button class="btn btn-primary">PDF</button> --}}
                            <button class="btn btn-primary">CSV</button>
                            <button class="btn btn-primary">PRINT</button>
                        </div>
                    </div>
                    <div class="show-entries mt-2 d-block">

                        {{-- <label for="">show-entries</label> --}}
                        <select class="form-control rounded-0" style="width:12%" name="" id="show_entry">
                            <option value="" selected disabled>Show entries</option>

                            <option value="50">50</option>
                            <option value="100">100</option>
                            <option value="150">150</option>

                        </select>
                    </div>
                </div>

                <div class="card-body">
                    <div class="table-responsive">
                        <table id="myTable" class="display table text-nowrap">
                            <thead class="table-primary">
                                <tr>
                                    <th class=" urdu-fonts" scope="col">ایکشن</th>
                                    <th class=" urdu-fonts" scope="col">اسٹیٹس</th>
                                    <th class=" urdu-fonts" scope="col">@lang('lang.previous_balance')</th>
                                    <th class=" urdu-fonts" scope="col">@lang('lang.nic_no')</th>
                                    <th class=" urdu-fonts" scope="col">@lang('lang.address')</th>
                                    <th class=" urdu-fonts" scope="col">@lang('lang.cast')</th>
                                    <th class=" urdu-fonts" scope="col">@lang('lang.fathername')</th>
                                    <th class=" urdu-fonts" scope="col">@lang('lang.name')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($suppliers as $supplier)
                                    <tr>
                                        <td>
                                            <div class="hstack gap-2 fs-15">
                                                <a href="javascript:void(0);"
                                                    class="btn btn-icon btn-sm btn-success-transparent rounded-pill"><i
                                                        class="ri-download-2-line"></i></a>
                                                <a href="javascript:void(0);"
                                                    class="btn btn-icon btn-sm btn-info-transparent rounded-pill"><i
                                                        class="ri-edit-line"></i></a>
                                                <a href="javascript:void(0);"
                                                    class="btn btn-icon btn-sm btn-danger-transparent rounded-pill"><i
                                                        class="ri-delete-bin-line"></i></a>
                                            </div>
                                        </td>
                                        <td>24 May 2022</td>
                                        <td class="urdu-fonts">{{ $supplier->previous_balance }}</td>
                                        <td class="urdu-fonts">{{ $supplier->nic_no }}</td>
                                        <td class="urdu-fonts">{{ $supplier->address }}</td>
                                        <td class="urdu-fonts">{{ $supplier->cast }}</td>
                                        <td class="urdu-fonts">{{ $supplier->fathername }}</td>
                                        <th class="urdu-fonts" scope="row">{{ $supplier->name }}</th>
                                    </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                    <div class="links mt-3 float-end">

                        {{ $suppliers->links() }} <h4 class="d-inline urdu-fonts ps-3">:@lang('pagination.Pageno')</h4>
                    </div>
                </div>
                <div class="card-footer d-none border-top-0">


                </div>
            </div>
        </div>
        <script type="bfc98932bf32d1ebaea89a80-text/javascript">        var notoNastaliqUrduFontUrl = "{{ asset('admin_assets/urdu-fonts/NotoNastaliqUrdu-Regular.ttf') }}";</script>
        <script charset="utf8" src="{{asset('admin_assets')}}/assets/js/datatables.js?{{date('d-m-Y')}}" type="bfc98932bf32d1ebaea89a80-text/javascript"></script>
        @push('page-script')
            <script type="bfc98932bf32d1ebaea89a80-text/javascript">

                $(document).ready(function() {

                    const perPageSelect = $('#show_entry');

                    // Set the selected attribute based on the current URL query parameter
                    const perPageParam = new URLSearchParams(window.location.search).get('per_page');
                    if (perPageParam) {
                        perPageSelect.val(perPageParam);
                        perPageSelect.attr('selected',true)
                    }
                    $(document).on('change', '#show_entry', function() {
                        window.location.href = "{{ route('admin.supplier.table') }}?per_page=" + $(this).val();

                    })
                });
            </script>
        @endpush
    @endsection
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="bfc98932bf32d1ebaea89a80-|49" defer></script>