@extends('layouts.app')

@section('title', 'Member Information')

@section('content')
    {{-- global helper --}}
    @php
        use App\Helpers\GlobalHelper;
    @endphp
    <div class="container py-4">

        <div class="card shadow border-0">
            <div class="card-body">

                <div class="row">
                    <!-- Foto Profil -->
                    <div class="col-md-4 text-center border-end">
                        <img src="{{ $member->photo ?? asset('assets/images/no_image.png') }}"
                            class="rounded-circle img-thumbnail mb-3" style="width:180px;height:180px;object-fit:cover;"
                            alt="Foto Member">

                        <h4 class="mb-1">{{ $member->name }}</h4>

                        <span class="badge {{ ($member->member_status ?? '0') == '1' ? 'bg-success' : 'bg-warning' }}">
                            {{ ($member->member_status ?? '0') == '1' ? 'Sudah Konfirmasi' : 'Belum Konfirmasi' }}
                        </span>

                    </div>

                    <!-- Informasi Member -->
                    <div class="col-md-8">

                        <h5 class="border-bottom pb-2 mb-4">
                            <i class="fa fa-info-circle me-2"></i>Informasi Member
                        </h5>

                        <div class="row mb-3">
                            <div class="col-md-4 text-muted">
                                Nama Lengkap
                            </div>
                            <div class="col-md-8 fw-semibold">
                                {{ $member->name }}
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4 text-muted">
                                Email
                            </div>
                            <div class="col-md-8">
                                {{ $member->email }}
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4 text-muted">
                                Nomor HP
                            </div>
                            <div class="col-md-8">
                                {{ $member->phone }}
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4 text-muted">
                                Tanggal Bergabung
                            </div>
                            <div class="col-md-8">
                                {{ isset($member->created_at) ? \Carbon\Carbon::parse($member->created_at)->format('d M Y') : '-' }}
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4 text-muted">
                                Kota
                            </div>
                            <div class="col-md-8">
                                {{ $member->city ?? '-' }}
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4 text-muted">
                                Negara
                            </div>
                            <div class="col-md-8">
                                {{ $member->country ?? '-' }}
                            </div>
                        </div>

                        <div class="mt-4">
                            <a href="{{ route('member.index') }}" class="btn btn-primary">
                                <i class="fa fa-chevron-left"></i>
                                Kembali
                            </a>
                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>
@endsection