@extends('website.layouts.app')

@section('content')
    <div class="container">
        <div class="dashboard">
            <div class="dashboard-header">
                <div class="dashboard-welcome-note">Welcome {{ $customer['name'] }}</div>
                <a class="btn btn-danger logout" href="#"
                    onclick="event.preventDefault();
                document.getElementById('logout-form').submit();">Logout
                    &nbsp;<i class="fa-solid fa-right-from-bracket"></i></a>
                <form id="logout-form" action="{{ route('customer.logout') }}" method="POST" class="d-none">
                    @csrf
                </form>
            </div>
            @if ($customer['is_verified'])
                <p>Your application is verified successfully.</p>
                <p>Payment link will be released shortly.</p>
            @else
                <div class="forms-list">
                    <div class="heading">Please fill up below mandatory form(s) to join our community</div>
                    <ul>
                        <li>
                            <div class="form-name">Form 16</div>
                            <div class="form-progress">Progress: 0%</div>
                            <div class="form-status">Status: <span class="text-danger">Pending</span></div>
                            <a class="btn btn-primary form-btns" href="{{ route('form16.abstract') }}">Fill now</a>
                        </li>
                        <li>
                            <div class="form-name">Form 17</div>
                            <div class="form-progress">Progress: 0%</div>
                            <div class="form-status">Status: <span class="text-danger">Pending</span></div>
                            <a class="btn btn-primary form-btns" href="{{ route('form17.showNomineeRegistration') }}">Fill
                                now</a>
                        </li>
                        <li>
                            <div class="form-name">Documents</div>
                            <div class="form-progress">Progress: 0%</div>
                            <div class="form-status">Status: <span class="text-danger">Pending</span></div>
                            <a class="btn btn-primary form-btns" href="{{ route('customer.showDocumentsForm') }}">Upload Now</a>
                        </li>
                    </ul>
                </div>
            @endif

        </div>
    </div>
@endsection