@extends('frontend.layouts.frontend')

@section('metaTitle', $page->metaTitle)
@section('metaDescription', $page->metaDescription)
@section('metaKeywords', $page->metaKeywords)

@section('content')
    <div class="default-section">
        <div class="container">

            <div class="row transaction-wrapper">
                <div class="col-md-7 col-12 order-md-1 order-2">

                    @include('frontend.section.process-tab')

                    @if($transaction->downPaymentAmount > 0)
                        <div class="default-white-box mb-0 mb-sm-30">
                            <h3 class="default-title mb-10">Urbun (Uang Muka)</h3>
                            <p>
                                Anda diharuskan melakukan <strong>Urbun (Uang Muka)</strong> sebesar
                                <strong>{{ getPriceNumber($transaction->downPaymentRate) }}%</strong>. Mohon lakukan
                                pembayaran dalam waktu 1x24 jam sesuai instruksi.
                            </p>
                        </div>
                    @endif

                    <div class="default-white-box mb-0 mb-sm-30">
                        <h3 class="default-title mb-20">Pilih Tenor Pembiayaan Syariah</h3>

                        @if($paymentAvailability)
                            @include('frontend.transaction.part.period')
                        @else
                            @include('frontend.transaction.part.period-error')
                        @endif
                    </div>

                </div>

                <div class="col-md-5 col-12 order-md-2 order-1">

                    @include('frontend.section.loan-product-details')

                </div>
            </div>
        </div>
    </div>
@endsection

@section('jsCustom')
    @js('/assets/frontend/js/transaction/select-period.js')
@endsection