@extends('layouts.app')
@section('content')
    @if (session()->has('message'))
        <div class="alert alert-success">{{ session()->get('message') }}</div>
    @endif
    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif

    {{-- <form  action="" class="">
        <div class="srcfieldwrap">
            <input type="search" class="form-control" placeholder="Search by name or email" name="search" value={{$search}}>
            <button class="btn btn-default" >
              <i class="fa fa-search"></i>
            </button>
        </div>
    </form> --}}

    <form method="GET" action="" class="">
        <div class="row">
            {{--<div class="col-md-3">
                <label for="filter">Filter by name</label>
                <input type="text" name="name" value="{{ $_GET['name']??'' }}" class="form-control myInput">
            </div>--}}
            <div class="col-md-6">
                <label for="filter">Filter by email</label>
                <input type="email" name="email" value="{{$_GET['email'] ??'' }}" class="form-control myInput" required>
            </div>
            <div class="col-md-3">
                <label for="filter">Filter by phone</label>
                <input type="text" name="phone" value="{{$_GET['phone']??'' }}" class="form-control myInput">
            </div>
            <div class="col-md-3 " style="margin-top: 21px;">
                <button type="submit" class="btn btn-info">Filter</button>
                <button class="btn btn-light">
                    <a href="{{ request()->url()}}">Clear</a>
                </button>
                <a href="/admin/user/create"><button type="button" class="btn btn-success"><i class="fa-solid fa-plus fa-fw"></i> User</button></a>
            </div>
        </div>
    </form>

    <div class="srchBox_wraper justify-content-end mt-4">
        <div class="right-panel-btn text-left">
            <h5> User List</h5>
        </div>
        {{-- <div class="right-panel-btn text-right">
            <a href="/admin/branch/create"><button type="button" class="btn btn-success"><i class="fa-solid fa-plus fa-fw"></i>
                    User</button></a>
        </div> --}}
    </div>

    <div class="table-responsive custom-table-s1">
        <table class="participant_table" width="100%">
            <thead>
                <tr>
                    <th>Sl No</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    {{-- <th>Branch Type</th> --}}
                    <th>Created Date</th>
                    <th class="skip_csv">Action</th>
                </tr>
            </thead>

            <tbody>
                {{-- @dd($users); --}}
                @forelse($users as $key => $user)
                    <tr>
                        <td>{{ $loop->index + 1 }}</td>
                        <td>{{ $user->name }}</td>
                        <td>{{ $user->email }}</td>
                        <td>{{ $user->phone }}</td>
                        {{-- <td>
                            @if ($branch->branch_type == '0')
                                Type 1
                            @elseif($branch->branch_type == '1')
                                Type 2
                            @else
                                Type 3
                            @endif
                        </td> --}}
                        <td>{{ $user->created_at->format('d-m-Y') }}</td>

                        <td class="skip_csv">
                            {{-- <a href="/admin/branch/employee-list/{{ $user->id }}" class="mr-2"><i
                                    class="fa fa-user-plus" aria-hidden="true"></i></a> --}}
                                    {{-- <a class="mr-2" href="{{ url('/admin/payment/offline-payment-step-one')}}"><i class="fa fa-money" aria-hidden="true"></i></a> --}}
                                    <a class="mr-2" data-id="{{$user->id}}" href="javascript:void(0)" id="payment-offline-start" data-href="{{ url('/admin/payment/offline-payment-step-one')}}"><i class="fa fa-money" aria-hidden="true"></i></a>
                            <a href="{{ url('/admin/user/edit') }}/{{ $user->id }}" class="fa fa-edit" aria-hidden="true"
                                title="Edit"></a>
                                <a class="ml-2" onclick="return confirm('Are you sure?')"
                                    href="{{ url('/admin/user/delete') }}/{{ $user->id }}"><i class="fa fa-trash"
                                        style="color:red;"></i></a>

                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5">No record found...</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="custom-table-s1-pagination">
        <div class="left-info">
            <div class="text-sm">
                {{-- Showing
                <span class="text-bold">1</span>
                to
                <span class="text-bold">3</span>
                of
                <span class="text-bold">4</span>
                results --}}
                {{-- {{ $users->links() }} --}}

                @if($users)
                {{ $users->links('pagination::bootstrap-4') }}
                @endif
            </div>
        </div>
    </div>
    @push('scripts')
        <script>
            $(document).on("click", "#payment-offline-start", function() {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('input[name="_token"]').val()
                    }
                });
                let href_link = $(this).attr('data-href');
                $.ajax({
                    type: "POST",
                    url: "{{ url('admin/payment/offline-payment-user-id-store') }}",
                    data: {
                        "_token": '{{ csrf_token() }}',
                        id:$(this).attr('data-id')
                    },
                    success: function(response) {
                        if (response.status) {
                            window.location.href = href_link;
                        } else {
                            alert(response.validation_message);
                        }
                    }
                });
            })
        </script>
    @endpush
@endsection