@extends('layouts.app')

@section('content')
<div class="container-xxl">
    <div class="row clearfix">
        <div class="col-md-12">
            <div class="card border-0 mb-4 no-bg">
                <div class="card-header py-3 px-0 d-sm-flex align-items-center  justify-content-between border-bottom">
                    <h5 class=" fw-bold flex-fill mb-0 mt-sm-0 title">Daftar Pengguna</h5>
                    <a href="{{ route('user.create') }}" class="btn btn-dark me-1 mt-1 w-sm-100"><i class="icofont-user me-2 fs-6"></i>Tambah Pengguna</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row g-3 row-cols-1 row-cols-sm-1 row-cols-md-1 row-cols-lg-2 row-cols-xl-2 row-cols-xxl-2 row-deck py-1 pb-4">

        @foreach ( $datas as $data )
        <div class="col">
            <div class="card teacher-card">
                <div class="card-body d-flex">
                    <div class="profile-av pe-xl-4 pe-md-2 pe-sm-4 pe-4 text-center w220">
                        <img src="{{ url($data->image ?? '') }}" alt="" class="avatar xl rounded-circle img-thumbnail shadow-sm">
                        <div class="about-info d-flex align-items-center mt-3 justify-content-center">
                            <div class="followers me-2">
                                <i class="icofont-tasks color-careys-pink fs-4"></i>
                                <span class="">{{ $data->username ?? '' }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="teacher-info border-start ps-xl-4 ps-md-3 ps-sm-4 ps-4 w-100">
                        <h6 class="mb-0 mt-2  fw-bold d-block fs-6">{{ $data->name ?? '' }}</h6>
                        <span class="light-info-bg py-1 px-2 rounded-1 d-inline-block fw-bold small-11 mb-0 mt-1">{{ Str::upper($data->position) }}</span>
                        <div class="video-setting-icon mt-3 pt-3 border-top">
                            <table>
                                <tr>
                                    <td style="width: 100px">Jenis Kel</td>
                                    <td style="width: 20px">:</td>
                                    <td style="width: 400px">{{ ucfirst($data->genre) ?? '' }}</td>
                                </tr>
                                <tr>
                                    <td>No Hp</td>
                                    <td>:</td>
                                    <td>{{ $data->phone ?? '' }}</td>
                                </tr>
                                <tr>
                                    <td>Email</td>
                                    <td>:</td>
                                    <td>{{ $data->email ?? '' }}</td>
                                </tr>
                                <tr>
                                    <td>Alamat</td>
                                    <td>:</td>
                                    <td>{{ $data->address ?? '' }}</td>
                                </tr>
                            </table>
                        </div>
                        @if($data->email != Auth::user()->email && $data->email != 'abdullohhabibie@gmail.com')
                        <a href="{{ route('user.edit', $data->id) }}" class="btn btn-dark btn-sm mt-1"><i class="icofont-user me-2 fs-6"></i>Edit Profile</a>
                        <a href="{{ route('user.delete', $data->id) }}" class="btn btn-danger btn-sm mt-1" onclick="return confirm('Yakin akan menghapus data ini?')"><i class="icofont-trash me-2 fs-6"></i>Hapus Profile</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        @endforeach

    </div>
</div>
@endsection