@extends('layouts.default1400-page', ['title' => 'پرداخت با کیف پول'])

@section('meta')
<link rel="stylesheet" href="/persian-datepicker/persian-datepicker.css">
@stop

@section('content')

<div class="flex m-4 w-full justify-center">
    <div class="w-3/4 lg:w-1/2">


        <div class="rounded-xl border border-gray-100 text-sm">

            <div
                class="text-center p-2 {{ $diffrent != 0 ? 'btn-error' : 'btn-primary'  }} text-white rounded-t-xl text-sm">
                @if($diffrent != 0)
                اعتبار نقدی شما برای این درخواست کافی نیست! لطفا کیف پول خود را شارژ نمایید.
                @else
                پرداخت با کیف پول
                @endif
            </div>

            <div class="divide-y divide-blue-200 mt-4 p-2">
                <div class="flex justify-between">
                    <span>
                        هزینه سفارش
                    </span>
                    <span> {{ number_format($payable, 0, '', ',') }} <span> تومان </span></span>
                </div>


                <div class="flex justify-between">
                    <span>
                        موجودی
                    </span>
                    <span> {{ number_format($balance, 0, '', ',') }} <span> تومان </span></span>
                </div>
                @if($diffrent != 0)
                <div class="flex justify-between">
                    <span>
                        ما به تفاوت
                    </span>
                    <span> {{ number_format($diffrent, 0, '', ',') }} <span> تومان </span></span>
                </div>
                @endif

            </div>

        </div>

        <div class="grid justify-items-center p-3">

            @if($diffrent != 0)

            <a class="btn btn-primary" href="{{ route('user.profile.wallet.online', [ 'cartId' => $id ]) }}">
                افزایش اعتبار آنلاین
            </a>

            @else
            @if(isset($isInstallment) && $isInstallment == true)
            <a class="btn btn-primary" href="/payment/installment/{{ $id }}/wallet/confirm">تایید و ادامه</a>
            @else
            <a class="btn btn-primary" href="/payment/{{ $id }}/wallet/confirm">تایید و ادامه</a>
            @endif
            @endif

        </div>

    </div>
</div>

{{-- @include('particles.charge-online-modal') --}}

@stop