@extends('storefront.layout')

@section('title', 'Payment Terms Application')

@section('content')
@php
    $closedStatuses = [
        \App\Enums\CreditApplicationStatus::Rejected,
        \App\Enums\CreditApplicationStatus::Withdrawn,
        \App\Enums\CreditApplicationStatus::Expired,
        \App\Enums\CreditApplicationStatus::Revoked,
    ];
    $isResubmission = $application?->status === \App\Enums\CreditApplicationStatus::NeedsInformation;
    $canApply = $application === null || $isResubmission || in_array($application->status, $closedStatuses, true);
    $formApplication = $isResubmission ? $application : null;
    $formPrincipal = $formApplication?->principals?->sortBy('id')->first();
@endphp

<section class="mx-auto max-w-5xl px-6 py-12 lg:px-8 lg:py-16">
    <div class="flex flex-col gap-4 border-b border-stone-200 pb-8 sm:flex-row sm:items-end sm:justify-between">
        <div>
            <p class="text-xs font-semibold uppercase tracking-[0.22em] text-emerald-700">Customer account</p>
            <h1 class="mt-2 text-4xl font-semibold tracking-[-0.03em] text-stone-950">Payment Terms</h1>
            <p class="mt-3 max-w-2xl text-sm leading-6 text-stone-600">Apply for business credit or review the status and terms assigned to your account.</p>
        </div>
        <a href="{{ route('storefront.account') }}" class="text-sm font-semibold text-emerald-700 hover:text-emerald-900">Back to account</a>
    </div>

    @if (session('status'))
        <div class="mt-6 rounded-xl border border-emerald-200 bg-emerald-50 px-5 py-4 text-sm font-medium text-emerald-800" role="status">
            {{ session('status') }}
        </div>
    @endif

    @if ($errors->any())
        <div class="mt-6 rounded-xl border border-rose-200 bg-rose-50 px-5 py-4 text-sm text-rose-800" role="alert">
            <p class="font-semibold">Please review the application.</p>
            <ul class="mt-2 list-disc space-y-1 pl-5">
                @foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach
            </ul>
        </div>
    @endif

    @if ($application !== null)
        <section class="mt-8 overflow-hidden rounded-2xl border border-stone-200 bg-white shadow-sm">
            <div class="flex flex-wrap items-start justify-between gap-4 border-b border-stone-100 p-6">
                <div>
                    <p class="text-xs font-semibold uppercase tracking-[0.18em] text-stone-400">Latest application</p>
                    <h2 class="mt-2 text-2xl font-semibold text-stone-950">{{ $application->legal_company_name }}</h2>
                    <p class="mt-1 text-sm text-stone-500">Submitted {{ $application->submitted_at?->format('F j, Y') ?? 'not yet' }}</p>
                </div>
                <span class="rounded-full px-3 py-1 text-xs font-semibold ring-1 ring-inset
                    {{ $application->status === \App\Enums\CreditApplicationStatus::Approved ? 'bg-emerald-50 text-emerald-800 ring-emerald-200' : 'bg-amber-50 text-amber-800 ring-amber-200' }}">
                    {{ $application->status->getLabel() }}
                </span>
            </div>

            <div class="grid gap-5 p-6 sm:grid-cols-3">
                <div>
                    <p class="text-xs font-semibold uppercase tracking-[0.16em] text-stone-400">Requested limit</p>
                    <p class="mt-2 text-lg font-semibold text-stone-900">${{ number_format((float) $application->requested_limit, 2) }}</p>
                </div>
                @if ($application->status === \App\Enums\CreditApplicationStatus::Approved)
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-[0.16em] text-stone-400">Approved terms</p>
                        <p class="mt-2 text-lg font-semibold text-stone-900">NET {{ $application->approved_terms_days }}</p>
                    </div>
                    <div>
                        <p class="text-xs font-semibold uppercase tracking-[0.16em] text-stone-400">Available credit</p>
                        <p class="mt-2 text-lg font-semibold text-emerald-700">${{ number_format($application->availableLimit(), 2) }}</p>
                        <p class="mt-1 text-xs text-stone-500">Valid through {{ $application->valid_until?->format('F j, Y') ?? 'ongoing review' }}</p>
                    </div>
                @else
                    <div class="sm:col-span-2">
                        <p class="text-sm leading-6 text-stone-600">
                            Payment terms remain unavailable until the review is complete and an approval with a limit and validity period is recorded.
                        </p>
                    </div>
                @endif
            </div>
        </section>
    @endif

    @if ($isResubmission)
        <div class="mt-8 rounded-2xl border border-amber-200 bg-amber-50 p-6 text-sm leading-6 text-amber-950">
            <p class="font-semibold">Additional information is required before the review can continue.</p>
            @if (filled($application->decision_reason_encrypted))
                <p class="mt-2 whitespace-pre-line">{{ $application->decision_reason_encrypted }}</p>
            @endif
            <p class="mt-2">Update the requested details below and resubmit application #{{ $application->getKey() }}.</p>
        </div>
    @endif

    @if ($canApply)
        <form method="POST" action="{{ $isResubmission ? route('storefront.credit-application.resubmit', ['application' => $application->getKey()]) : route('storefront.credit-application.store') }}" enctype="multipart/form-data" class="mt-8 space-y-7">
            @csrf
            @if ($isResubmission)
                @method('PUT')
            @endif

            <section class="rounded-2xl border border-stone-200 bg-white p-6 shadow-sm sm:p-8">
                <p class="text-xs font-semibold uppercase tracking-[0.2em] text-emerald-700">1 · Company</p>
                <h2 class="mt-2 text-2xl font-semibold text-stone-950">Legal business details</h2>
                <div class="mt-6 grid gap-5 sm:grid-cols-2">
                    <label class="text-sm font-medium text-stone-700">Legal company name
                        <input name="legal_company_name" value="{{ old('legal_company_name', $formApplication?->legal_company_name ?: ($customer->legal_name ?: $customer->company_name)) }}" required autocomplete="organization"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">DBA / trade name <span class="font-normal text-stone-400">(optional)</span>
                        <input name="dba_name" value="{{ old('dba_name', $formApplication?->dba_name ?: $customer->company_name) }}"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">EIN / Tax ID
                        <input name="tax_id" required autocomplete="off" inputmode="text"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Legal entity
                        <select name="legal_entity_type" required class="vm-form-control mt-2 w-full">
                            <option value="">Select one</option>
                            @foreach ([
                                'corporation' => 'Corporation',
                                'llc' => 'LLC',
                                'partnership' => 'Partnership',
                                'sole_proprietorship' => 'Sole proprietorship',
                                'nonprofit' => 'Nonprofit',
                                'other' => 'Other',
                            ] as $value => $label)
                                <option value="{{ $value }}" @selected(old('legal_entity_type', $formApplication?->legal_entity_type) === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label class="text-sm font-medium text-stone-700">Years in business
                        <input type="number" name="years_in_business" value="{{ old('years_in_business', $formApplication?->years_in_business) }}" min="0" max="250" required
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Requested credit limit (USD)
                        <input type="number" name="requested_limit" value="{{ old('requested_limit', $formApplication?->requested_limit) }}" min="150" max="10000000" step="0.01" required
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700 sm:col-span-2">Resale certificate <span class="font-normal text-stone-400">(optional · PDF, JPG, or PNG · 10 MB max)</span>
                        <input type="file" name="resale_certificate" accept=".pdf,.jpg,.jpeg,.png,application/pdf,image/jpeg,image/png"
                               class="mt-2 block w-full rounded-xl border border-stone-300 bg-stone-50 px-3 py-2.5 text-sm file:mr-4 file:rounded-lg file:border-0 file:bg-emerald-100 file:px-3 file:py-2 file:font-semibold file:text-emerald-800">
                    </label>
                </div>
            </section>

            <section class="rounded-2xl border border-stone-200 bg-white p-6 shadow-sm sm:p-8">
                <p class="text-xs font-semibold uppercase tracking-[0.2em] text-emerald-700">2 · Business address</p>
                <div class="mt-6 grid gap-5 sm:grid-cols-2">
                    <label class="text-sm font-medium text-stone-700 sm:col-span-2">Street address
                        <input name="business_address_line1" value="{{ old('business_address_line1', $formApplication?->business_address_line1) }}" required autocomplete="street-address"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700 sm:col-span-2">Suite / unit <span class="font-normal text-stone-400">(optional)</span>
                        <input name="business_address_line2" value="{{ old('business_address_line2', $formApplication?->business_address_line2) }}"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">City
                        <input name="business_city" value="{{ old('business_city', $formApplication?->business_city) }}" required autocomplete="address-level2"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">State / province
                        <input name="business_state" value="{{ old('business_state', $formApplication?->business_state) }}" required autocomplete="address-level1"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">ZIP / postal code
                        <input name="business_postal_code" value="{{ old('business_postal_code', $formApplication?->business_postal_code) }}" required autocomplete="postal-code"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Country
                        <select name="business_country_code" required autocomplete="country" class="vm-form-control mt-2 w-full">
                            <option value="US" @selected(old('business_country_code', $formApplication?->business_country_code ?: 'US') === 'US')>United States</option>
                            <option value="CA" @selected(old('business_country_code', $formApplication?->business_country_code) === 'CA')>Canada</option>
                        </select>
                    </label>
                </div>
            </section>

            <section class="rounded-2xl border border-stone-200 bg-white p-6 shadow-sm sm:p-8">
                <p class="text-xs font-semibold uppercase tracking-[0.2em] text-emerald-700">3 · Financial contact and responsible party</p>
                <div class="mt-6 grid gap-5 sm:grid-cols-2">
                    <label class="text-sm font-medium text-stone-700">Financial contact name
                        <input name="financial_contact_name" value="{{ old('financial_contact_name', $formApplication?->financial_contact_name) }}" required autocomplete="name"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Financial contact email
                        <input type="email" name="financial_contact_email" value="{{ old('financial_contact_email', $formApplication?->financial_contact_email ?: $customer->email) }}" required autocomplete="email"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Financial contact phone
                        <input name="financial_contact_phone" value="{{ old('financial_contact_phone', $formApplication?->financial_contact_phone ?: $customer->phone) }}" required autocomplete="tel"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <div class="hidden sm:block"></div>
                    <label class="text-sm font-medium text-stone-700">Responsible party full name
                        <input name="principal_full_name" value="{{ old('principal_full_name', $formPrincipal?->full_name) }}" required autocomplete="name"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Title
                        <input name="principal_title" value="{{ old('principal_title', $formPrincipal?->title) }}" required autocomplete="organization-title"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Ownership percentage <span class="font-normal text-stone-400">(optional)</span>
                        <input type="number" name="principal_ownership_percent" value="{{ old('principal_ownership_percent', $formPrincipal?->ownership_percent) }}" min="0" max="100" step="0.01"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Responsible party email
                        <input type="email" name="principal_email" value="{{ old('principal_email', $formPrincipal?->email) }}" required autocomplete="email"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Responsible party phone
                        <input name="principal_phone" value="{{ old('principal_phone', $formPrincipal?->phone) }}" required autocomplete="tel"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">SSN / personal tax identifier <span class="font-normal text-stone-400">(optional)</span>
                        <input name="principal_tax_identifier" autocomplete="off"
                               class="vm-form-control mt-2 w-full">
                    </label>
                    <label class="text-sm font-medium text-stone-700">Date of birth <span class="font-normal text-stone-400">(optional)</span>
                        <input type="date" name="principal_date_of_birth" autocomplete="bday"
                               class="vm-form-control mt-2 w-full">
                    </label>
                </div>
            </section>

            <section class="rounded-2xl border border-emerald-200 bg-emerald-50/60 p-6">
                <label class="flex items-start gap-3 text-sm leading-6 text-stone-700">
                    <input type="checkbox" name="consent" value="1" required class="mt-1 rounded border-stone-300 text-emerald-700 focus:ring-emerald-600">
                    <span>
                        I certify that the information provided is accurate and authorize Vida Mansa to review this application for business credit. I understand that submission does not guarantee approval and that any limit or terms may vary based on the review.
                    </span>
                </label>
                <p class="mt-4 text-sm font-semibold text-stone-900">Credit subject to approval.</p>
                <button type="submit" class="mt-5 inline-flex h-12 items-center justify-center rounded-xl bg-emerald-700 px-6 text-sm font-semibold text-white shadow-lg shadow-emerald-900/15 transition hover:bg-emerald-800">
                    {{ $isResubmission ? 'Resubmit additional information' : 'Submit credit application' }}
                </button>
            </section>
        </form>
    @endif
</section>
@endsection