@extends('dashlayouts.app')

@section('content')
    <div class="pagetitle">
        <h1>Profile</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Utama</a></li>
                <li class="breadcrumb-item active">Profil</li>
            </ol>
        </nav>
    </div>
    <section class="section">
        @include('errors')
        @include('layouts.messages')
        <div class="row">
            <div class="col-md-9">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Profil Pengguna <span>| Informasi</span></h5>
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="form-label">Nama</label>
                                </div>
                                <div class="col-md-9">
                                    <p class="text-secondary"><b>{{ $user->name }}</b></p>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="form-label">Emel</label>
                                </div>
                                <div class="col-md-9">
                                    <p class="text-secondary"><b>{{ $user->email }}</b></p>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="form-label">IC Nombor</label>
                                </div>
                                <div class="col-md-9">
                                    <p class="text-secondary"><b>{{ $user->idno }}</b></p>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="form-label">Alamat</label>
                                </div>
                                <div class="col-md-9">
                                    <p class="text-secondary"><b>{{ $user->add1 }}, {{ $user->add2 }},
                                            {{ $user->city }}, {{ $user->postcode }}, {{ $user->state }}</b></p>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="form-label">Nombor Hp</label>
                                </div>
                                <div class="col-md-9">
                                    <p class="text-secondary"><b>{{ $user->mobile_no }}</b></p>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="form-label">Akaun</label>
                                </div>
                                <div class="col-md-9">
                                    <p class="text-secondary">
                                        <b>   
                                        @if($user->is_parent == 1)
                                            PARENT/PENJAGA
                                        @else
                                            STUDENT/MURID
                                        @endif
                                        </b>
                                    </p>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label class="form-label">Langganan</label>
                                </div>
                                <div class="col-md-9">
                                    <p class="text-secondary">
                                        <b>{{ $user->subscription_type ? ($user->subscription_type === 'PREMIUM' ? 'Premium' : 'Free') : 'Not Subscribed' }}</b>
                                    </p>
                                </div>
                            </div>
                        </div>

                        <p class="text-muted text-end">
                            Tarikh Sertai: {{ $user->created_at->format('F j, Y') }}
                        </p>

                        <!-- Add Edit Profile Button -->
                        <div class="text-end mt-3">
                            <a href="{{ route('user.editprofile') }}" class="btn btn-primary">Kemaskini Profil</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Langganan <span class="text-muted">| Jenis Langganan</span></h5>
                        <div class="d-flex flex-column align-items-center">
                            <!-- Account Type Display -->
                            <div class="mb-3 text-center">
                                <!-- Images representing subscription types -->
                                @if($user->subscription_type === 'PREMIUM')
                                    <img src="{{ asset('img/premium.png') }}" alt="Premium" class="img-fluid pt-3" style="max-width: 150px;">
                                    <p class="mt-2 fs-4 text-center">
                                        <b>Premium</b>
                                    </p>
                                    <p class="text-muted text-end">
                                        Bermula: {{ $user->subscription_date ?? $user->created_at }}
                                    </p>
                                @else
                                    <img src="{{ asset('img/free.png') }}"  alt="Free" class="img-fluid pt-3" style="max-width: 150px;">
                                    <p class="mt-2 fs-4 text-center">
                                        <b>Free</b>
                                    </p>
                                @endif
                            </div>
                            <!-- Upgrade Button -->
                            @if($user->subscription_type !== 'PREMIUM')
                            <a href="{{ route('transaction.upgrade-subscription')}}" class="btn btn-outline-secondary">
                                Naiktaraf ke PREMIUM
                            </a>
                            {{-- @else
                            <a href="{{ route('test.changesub')}}" class="btn btn-outline-secondary">
                                Remove Subscription
                            </a> --}}
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </section>
@endsection