@extends('panel.layouts.main')
@section('content')
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <div id="kt_content_container" class="container">
            <div class="card">
                <div class="card-header border-0 pt-6">

                    <div class="card-toolbar">
                        <div class="d-flex justify-content-end" data-kt-customer-table-toolbar="base">
                            <a href="/panel/customer/add" class="btn btn-light-primary me-3 mb-10">
                <span class="svg-icon svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                                       xmlns:xlink="http://www.w3.org/1999/xlink"
                                                       width="24px" height="24px" viewBox="0 0 24 24"
                                                       version="1.1"><rect fill="#000000" x="4" y="11"
                                                                           width="16" height="2"
                                                                           rx="1"></rect><rect
                            fill="#000000" opacity="0.5"
                            transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000)"
                            x="4" y="11" width="16" height="2" rx="1"></rect></svg></span>
                                مشتری جدید
                            </a>


                        </div>
                        <form action="" class="input-group input-group-solid mb-5 ajax-ative">

                            <input placeholder="نام مشتری" class="form-control " name="customer_name" value="">
                            <button type="submit" class="btn btn-primary">
                                جستجو
                            </button>
                        </form>
                        <div class="d-flex justify-content-end align-items-center d-none"
                             data-kt-customer-table-toolbar="selected">
                            <div class="fw-bolder me-5">
                                <span class="me-2" data-kt-customer-table-select="selected_count"></span>انتخاب شده
                            </div>
                            <button type="button" class="btn btn-outline-danger"
                                    data-kt-customer-table-select="delete_selected">حذف انتخاب شده
                            </button>
                        </div>
                    </div>
                </div>

                <div class="card-body pt-0">
                    <div class="table-responsive">
                        <table class="table table-striped gy-7 gs-7">
                            <thead>
                            <tr class="fw-bold fs-6 text-gray-800 border-bottom-2 border-gray-200">
                                <th>ک.م</th>
                                <th>نام مشتری</th>
                                <th>شرکت</th>
                                <th>کد ملی</th>
                                <th>همراه</th>
                                <th>تلفن</th>
                                <th>آدرس</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                                @foreach($customers as $cus)
                                    <tr>
                                        <td>#{{ $cus->id }}</td>
                                        <td>{{ $cus->name }}</td>
                                        <td>{{ $cus->company }}</td>
                                        <td>{{ $cus->codeMeli }}</td>
                                        <td>{{ $cus->number }}</td>
                                        <td>{{ $cus->phone }}</td>
                                        <td style="max-width: 150px!important;">{{ $cus->address }}</td>
                                        <td>
                                            <a href="/panel/customer/edit/{{$cus->id}}" class="btn btn-icon btn-primary"><i class="las la-pencil-alt fs-2"></i></a>
                                            <a href="/panel/customer/delete/{{$cus->id}}" class="btn btn-icon btn-outline-danger"><i class="las la-trash fs-2"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>


                        @if ($customers->lastPage() > 1)
                            <ul class="pagination" dir="ltr">
                                <li class="page-item previous {{ ($customers->currentPage() == 1) ? ' disabled' : '' }}">
                                    <a href="{{ $customers->url($customers->currentPage() - 1 ) }}" class="page-link">
                                        <i class="previous"></i>
                                    </a>
                                </li>
{{--                                @for ($i = 1; $i <= 2; $i++)--}}
{{--                                    <li class="page-item {{ ($customers->currentPage() == $i) ? ' active' : '' }}">--}}
{{--                                        <a class="page-link" href="{{ $customers->url($i) }}">{{ $i }}</a>--}}
{{--                                    </li>--}}
{{--                                @endfor--}}
{{--                                <li class="page-item "><a href="#" class="page-link">...</a></li>--}}
                                @for ($i = $customers->currentPage() - 2; ($i <= $customers->currentPage() + 2)  ; $i++)
                                    @if($customers->lastPage() >= $i && $i >= 1)

                                    <li class="page-item {{ ($customers->currentPage() == $i) ? ' active' : '' }}">
                                        <a class="page-link" href="{{ $customers->url($i) }}">{{ $i }}</a>
                                    </li>
                                    @endif
                                @endfor

{{--                                @for ($i = $customers->lastPage() - 1; $i <= $customers->lastPage(); $i++)--}}
{{--                                    <li class="page-item {{ ($customers->currentPage() == $i) ? ' active' : '' }}">--}}
{{--                                        <a class="page-link" href="{{ $customers->url($i) }}">{{ $i }}</a>--}}
{{--                                    </li>--}}
{{--                                @endfor--}}

                                <li class="page-item previous {{ ($customers->currentPage() == $customers->lastPage()) ? ' disabled' : '' }}">
                                    <a href="{{ $customers->url($customers->currentPage()+1) }}" class="page-link">
                                        <i class="previous" style="transform: rotate(180deg);"></i>
                                    </a>
                                </li>

                            </ul>
                        @endif

                    </div>


                </div>

            </div>

        </div>
    </div>
@endsection