@extends('layouts.app')

@section('title', 'Profil Pengguna')

@section('content')
    <div class="card surface-card p-4 p-lg-5">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <div>
                <h2 class="h4 fw-bold mb-1">Pendaftaran Maklumat Pengguna Awam</h2>
                <p class="text-muted mb-0">Lengkapkan maklumat pemohon sebelum membuat permohonan ansuran.</p>
            </div>
        </div>
        <form method="POST" action="{{ route('portal.profile.update') }}" class="row g-3">
            @csrf
            @method('PUT')
            <div class="col-md-6">
                <label class="form-label">Nama Pengguna Awam</label>
                <input type="text" name="name" class="form-control" value="{{ old('name', $user->name) }}" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">Emel</label>
                <input type="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">Nama Paparan</label>
                <input type="text" name="public_name" class="form-control" value="{{ old('public_name', $user->profile?->public_name) }}" required>
            </div>
            <div class="col-md-3">
                <label class="form-label">Identification Type</label>
                <select name="identification_type" class="form-select" required>
                    @foreach (['Army/Police ID', 'MyKad', 'National ID'] as $type)
                        <option value="{{ $type }}" @selected(old('identification_type', $user->profile?->identification_type) === $type)>{{ $type }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Identification Number</label>
                <input type="text" name="identification_number" class="form-control" value="{{ old('identification_number', $user->profile?->identification_number) }}" required>
            </div>
            <div class="col-md-2">
                <label class="form-label">Kod Negara</label>
                <select name="country_code" class="form-select">
                    @foreach (['+60', '+65', '+62'] as $code)
                        <option value="{{ $code }}" @selected(old('country_code', $user->profile?->country_code ?? '+60') === $code)>{{ $code }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Mobile No</label>
                <input type="text" name="mobile_no" class="form-control" value="{{ old('mobile_no', $user->profile?->mobile_no) }}" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">Pekerjaan</label>
                <input type="text" name="occupation" class="form-control" value="{{ old('occupation', $user->profile?->occupation) }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Pendapatan Sebulan</label>
                <input type="number" step="0.01" name="monthly_income" class="form-control" value="{{ old('monthly_income', $user->profile?->monthly_income) }}">
            </div>
            <div class="col-12">
                <label class="form-label">Alamat Surat Menyurat</label>
                <textarea name="correspondence_address" class="form-control" rows="3" required>{{ old('correspondence_address', $user->profile?->correspondence_address) }}</textarea>
            </div>
            <div class="col-12">
                <label class="form-label">Alamat Tempat Bekerja</label>
                <textarea name="workplace_address" class="form-control" rows="3">{{ old('workplace_address', $user->profile?->workplace_address) }}</textarea>
            </div>
            <div class="col-12">
                <button class="btn btn-primary">Simpan Profil</button>
            </div>
        </form>
    </div>
@endsection