@extends('layouts.panel.app', ['title' => 'Data Non Anggota'])

@section('content')
<section class="section">
    <div class="section-title">
        <h3>Non Anggota</h3>
    </div>
    <p class="section-lead">
        Silahkan tambah, ubah atau hapus data menu non anggota di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>Data Non Anggota</h4>
                    <div class="card-header-action">
                        <!-- <a href="#" class="btn btn-warning">Unduh Template</a>
                        <a href="#" class="btn btn-primary">Import Data</a> -->
                    </div>
                </div>

                <div class="card-body p-0">
                    <div class="table-responsive">
                        <form id="fm-filter" action="{{ route('admin.non-anggota') }}" method="GET" class="needs-validation" onkeypress="return event.keyCode != 13;">
                            @csrf
                            @method('GET')
                            <div class="d-flex mb-3">
                                <input type="text" name="search" id="search" class="form-control me-2" placeholder="Masukan Pencarian..." value="{{ request()->query('search')  }}">
                                <button id="filterButton" class="btn btn-info" onclick="event.preventDefault(); document.getElementById('fm-filter').submit();">Cari</button>
                            </div>
                        </form>
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <!-- <th>NO</th> -->
                                    <th>FOTO</th>
                                    <th>DATA DIRI</th>
                                    <th>DATA PENDIDIKAN</th>
                                    <th>DATA PEKERJAAN</th>
                                    <th>DATA KEANGGOTAAN</th>
                                    <th style="width:12%;">STATUS KRIP</th>
                                    <th style="text-align:center">AKSI</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($data as $item)
                                <tr>
                                    <!-- <td>{{$loop->iteration}}</td> -->
                                    <td style="height:100px">
                                        <div class="gallery">
                                            @if($item->gender == 'L')
                                            @php
                                            $foto = 'avatar-1.png';
                                            @endphp
                                            @else
                                            @php
                                            $foto = 'avatar-5.png';
                                            @endphp
                                            @endif
                                            <div class="gallery-item" data-image="{{ file_exists('storage/image/' . $item->foto) && $item->foto != null && $item->foto != 'default-foto.png' ? asset('storage/image/' . $item->foto) : asset('assets-panel/img/avatar/'.$foto) }}" data-title="Klik Gambar"></div>
                                        </div>
                                    </td>
                                    <td>
                                        <strong>{{ $item->front_degree }} {{ $item->name }} {{ $item->back_degree }}</strong>
                                        <br>
                                        {{ $item->place }} , {{date('d-m-Y', strtotime($item->birth_date))}}
                                        <br>
                                        <i class="fas fa-map-marker"></i> {{ $item->home_address }}
                                        <br>
                                        <i class="fas fa-envelope"></i> {{ $item->email }}
                                        <br>
                                        <i class="fas fa-phone"></i> {{ $item->phone }}
                                    </td>
                                    <td>