@extends('layouts.admin-main')
@section('content')
    <div class="col-lg-12">
            <div class="card-body shadow-1">
                <div class="row ml-2 mb-4">
                    <div class="col-10">
                        <form action="{{route('member.index')}}" method="GET" style="width: 100%;display: flex;justify-content: start;align-items: center" id="search-form">
                            <div class="input-group mr-2" style="width: 50%;">
                                <input type="text" class="form-control rounded-0"
                                       placeholder="{{ __('message.search') }} ..." value="{{$phone}}" name="phone" id="phone">
                                <input type="hidden" name="paginate" value="{{$paginate}}">
                                <div class="input-group-append">
                                    <button type="submit" id="searches" class="input-group-text fs-xl ">
                                        <i class="fal fa-search text-success"></i>
                                    </button>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-outline-success mr-2" style="width: 15%;">
                                <i class="fal fa-search text-outline-success"></i>
                                <span class="hidden-xs"> {{ __('message.search') }}</span>
                            </button>
                        </form>
                    </div>
                    <div class="col-2">
                        <a href="{{route('member.print-all')}}?phone={{$phone}}" class="btn btn-info bg-info-800 float-left rounded-0">
                            <i class="fal fa-print"></i>
                            {{__('message.print')}}
                        </a>
                    </div>
                </div>
                <div class="panel-container show">
                        <div class="d-flex flex-column h-100">
                            <div class="h-auto">
                                <table id="example" class="table table-bordered table-hover table-striped w-100 text-center">
                                    <thead class="bg-fusion-400">
                                    <tr>
                                        <th>#</th>
                                        <th>{{ __('message.name') }}</th>
                                        <th>{{ __('message.phone') }}</th>
                                        <th>{{ __('message.date') }}</th>
                                        <th>{{ __('message.note') }}</th>
{{--                                        <th>{{ __('message.action') }}</th>--}}
                                    </tr>
                                    </thead>
                                    <tbody>

                                    @foreach ($members as $index => $member)

                                        <tr>
                                            <td>{{ $index + 1 }}</td>
                                            <td>
                                                <a href="{{route('member.show-name' , $member->id)}}?name={{$member->name}}">
                                                    {{ $member->name }}
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{route('member.show-phone' , $member->id)}}?phone={{$member->phone}}">
                                                    {{ $member->phone }}
                                                </a>
                                            </td>
                                            <td>
                                                {{$member->created_at->format('d-m-Y H:i')}}
                                            </td>
                                            <td>
                                                {{$member->note}}
                                            </td>
                                            <td>
{{--                                                @can('currency-edit')--}}
{{--                                                    <a class="btn btn-sm  btn-info" href="{{ route('member.show', $member->id) }}"><i--}}
{{--                                                            class="fal fa-eye" title="{{__('message.show')}}"></i></a>--}}
{{--                                                @endcan--}}
                                                <!-- <form method="POST" action="currencies/{{$member->id}}" style="display:inline">
                                                    <input name="_method" type="hidden" value="DELETE">
                                                    {{ csrf_field() }}
                                                <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('{{ __('message.do you want to delete') }}?')">
                                                      <i class="fal fa-trash" style="color: #FFF;"></i>
                                                     </button> -->
                                            </td>
                                        </tr>

                                    @endforeach
                                    </tbody>
                                </table>
                                <!-- datatable end -->
                            </div>
                        </div>

                    </div>
                    <div class="py-4 mt-4 mx-2 ">
                        <!-- Pagination bootstrap-->

                        @if($members->hasPages())
                            <div class="d-flex m-2 p-2" style="justify-content: space-between;align-items: start;width: 20%">
                                <select id="paginate" onchange="working()" class="form-select text-center rounded mr-2 mt-1"  aria-label="Default select example" style="width: 90px;font-size: 12px;border: 1px solid rebeccapurple">
                                    <option selected hidden="hidden">{{$paginate}}</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="250">250</option>
                                    <option value="500">500</option>
                                    <option value="1000">1000</option>
                                </select>                    <div class="">
                                {{ $members->appends($_GET)->links() }}
                            </div>
                            </div>
                        @endif
                    </div>
            </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $("#js-nav-menu").removeClass('active');
            $("#js-nav-menu li ul li").removeClass('active');
            $("#menu_member").addClass('active')
        })
        function working(){
            $('#search-form').submit();
        }
    </script>
@endsection
@section('meta')
    <title>{{__('message.customer')}} - {{$settings_->shop_name}}</title>
@endsection