@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Order Configuration')
@push('css')
<link href="{{ asset('/web/assets/css/property-screens.css') }}?v=1" rel="stylesheet">
@endpush
@section('content')
@php
    $projectUrl = '/property/show/' . encrypt($property->id);
    $plans = [
        'installment' => ['Installment Payment', 'Set the deposit and payment deadlines for installment orders.', 'bx-calendar-check', ''],
        'full' => ['Full / Cash Payment', 'Set the deposit and payment deadlines for full payment orders.', 'bx-wallet', 'pw-purple'],
    ];
    $fields = [
        'initial_expiry_days' => ['Initial payment deadline', 'days', 'Days allowed to make the initial payment.'],
        'initial_percentage' => ['Initial payment', '%', 'The percentage of the order value required as a deposit.'],
        'complete_expiry_days' => ['Completion deadline', 'days', 'Days allowed to complete payment for the order.'],
    ];
@endphp
<main class="portal-workspace portal-light-type property-workspace">
    <header class="portal-page-header"><div><a class="portal-back-link" href="{{ $projectUrl }}"><i class="bx bx-arrow-back" aria-hidden="true"></i> Back to project</a><span class="portal-eyebrow">Payment settings</span><h1>Order Configuration</h1><p>Manage payment terms for {{ $property->name }}.</p></div></header>
    @include('superadmin.property.partials.workspace_feedback')
    <form method="POST" action="/property/edit-project-order-config/@encrypt($property->id)">
        @csrf
        <div class="pw-layout">
            <div class="pw-stack">
                @foreach($plans as $prefix => $plan)
                    <section class="portal-card pw-section {{ $plan[3] }}" aria-labelledby="{{ $prefix }}-title">
                        <div class="pw-section-heading"><span class="pw-icon"><i class="bx {{ $plan[2] }}" aria-hidden="true"></i></span><div><h2 id="{{ $prefix }}-title">{{ $plan[0] }}</h2><p>{{ $plan[1] }}</p></div></div>
                        <div class="pw-fields pw-fields--three">
                            @foreach($fields as $suffix => $field)
                                @php
                                    $name = $prefix . '_' . $suffix;
                                    $percentage = $suffix === 'initial_percentage';
                                @endphp
                                <div class="pw-field"><label for="{{ $name }}">{{ $field[0] }}</label><div class="pw-unit"><input id="{{ $name }}" name="{{ $name }}" class="form-control @error($name) is-invalid @enderror" type="number" min="{{ $percentage ? 0 : 1 }}" max="{{ $percentage ? 100 : 3650 }}" step="{{ $percentage ? 'any' : '1' }}" value="{{ old($name, $property->$name) }}" required><span>{{ $field[1] }}</span></div><small>{{ $field[2] }}</small>@error($name)<div class="invalid-feedback d-block">{{ $message }}</div>@enderror</div>
                            @endforeach
                        </div>
                    </section>
                @endforeach
                <div class="pw-footer"><a href="{{ $projectUrl }}" class="btn btn-mlk-outline">Cancel</a><button type="submit" class="btn btn-mlk-primary"><i class="bx bx-check" aria-hidden="true"></i> Save Configuration</button></div>
            </div>
            <aside class="portal-card pw-section pw-context"><span class="portal-eyebrow">Selected project</span><h2>{{ $property->name }}</h2><dl class="pw-facts pw-facts--single"><div><dt>Project plot ID</dt><dd>{{ $property->property_plotid ?: 'Not provided' }}</dd></div><div><dt>Payment plans</dt><dd>Installment and full payment</dd></div></dl><p>Use percentages from 0 to 100 and payment deadlines from 1 to 3,650 days.</p></aside>
        </div>
    </form>
</main>
@endsection