<div class="card-body">
    @if(count($shippings) > 1)
        <div class="mb-3">
            <b>روش ارسال را انتخاب کنید</b> <small>(هزینه‌ی ارسال هر روش متفاوت می‌باشد)</small>
            @foreach($shippings as $shipping)
                <div class="form-check">
                    <input class="form-check-input"
                           value="{{ $shipping }}"
                           wire:model="shipping_type"
                           type="radio"
                           name="shipping_type"
                           id="shipping{{ $loop->index }}">
                    <label class="form-check-label" for="shipping{{ $loop->index }}">
                        {{ \App\Models\Order::SHIPPING_TRANSLATE[$shipping] }}
                    </label>
                </div>
            @endforeach
        </div>
    @endif
    <div class="row mb-3 {{ $show_delivery ? '' : 'd-none' }}">
        <div class="col-lg-12 col-12 px-0 mb-2">
            <b>روز تحویل سفارش را انتخاب کنید</b>
            @error('delivery_date')
                <br>
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        @foreach($enable_dates as $date)
            <div class="col-xl-4 col-lg-6 col-md-6 col-12 mb-2 pl-0 d-grid gap-2">
                <input value="{{ $date }}" wire:model.defer="delivery_date" type="radio" class="btn-check" name="delivery_date" id="delivery_date-{{ $loop->iteration }}" autocomplete="off">
                <label class="btn btn-outline-secondary" for="delivery_date-{{ $loop->iteration }}">{{ jdate($date)->format('%A-%e%B') }}</label>
            </div>
        @endforeach
        <div class="col-lg-12 col-12 px-0 mb-2">
            <b>ساعت تقریبی تحویل سفارش را انتخاب کنید</b>
            @error('delivery_time')
                <br>
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        @foreach($enable_times as $time)
            <div class="col-lg-4 col-6 mb-2 pl-0 d-grid gap-2">
                <input type="radio" class="btn-check" wire:model.defer="delivery_time" name="delivery_time" id="delivery_time-{{ $loop->iteration }}" value="{{ $time }}" autocomplete="off">
                <label class="btn btn-outline-secondary" for="delivery_time-{{ $loop->iteration }}">{{ to_persian_numbers($time) }}</label>
            </div>
        @endforeach
    </div>
    <div class="row">
        <table class="table table-bordered">
            <tbody>
            <tr>
                <th>هزینه ارسال
                    @if(count($shippings) == 1)
                        ({{ \App\Models\Order::SHIPPING_TRANSLATE[$shipping_type] }})
                    @endif
                </th>
                <td class="text-right">
                    {{ is_numeric($shipping_price) ? to_persian_numbers(number_format($shipping_price)) : $shipping_price }}
                </td>
            </tr>
            <tr>
                <th>جمع سبد خرید</th>
                <td class="text-right">{{ to_persian_numbers(number_format($cartTotal)) }}</td>
            </tr>
            @if($discount_price)
                <tr>
                    <th>کسر بابت کد تخفیف</th>
                    <td class="text-right">{{ to_persian_numbers(number_format($discount_price)) }}</td>
                </tr>
            @endif
            <tr class="text-danger">
                <th>مجموع قابل پرداخت</th>
                <td class="text-right"><b>{{ to_persian_numbers(number_format($total)) }}</b> تومان</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="row">
        <textarea name="description"
                  id="description"
                  rows="5"
                  class="form-control @error('description') is-invalid @enderror"
                  placeholder="در صورتی که توضیحاتی دارید میتوانید اینجا بنویسید"
                  wire:model.defer="description"></textarea>
        @error('description')
            <span class="text-danger" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="row mt-3">
        @if($discount_price == 0)
            <div class="input-group">
                <input type="text"
                       id="discount_code"
                       name="discount_code"
                       wire:model.defer="discount_code"
                       class="form-control @error('discount_code') is-invalid @enderror"
                       placeholder="کد تخفیف دارم">
                <div class="input-group-append">
                    <button class="btn btn-outline-secondary"
                            wire:loading.attr="disabled"
                            wire:click.prevent="applyDiscountCode"
                            type="button">
                        ثبت
                    </button>
                </div>
            </div>
            @error('discount_code')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        @else
            <div class="alert alert-info col-12" role="alert">
                <span class="fa fa-info-circle"></span>
                کد تخفیف با موفقیت اعمال شد.
                <a href="#" class="alert-link" wire:click.prevent="cancelDiscountCode">انصراف</a>
            </div>
        @endif
    </div>
    <div class="row mt-3">
        @if(settings('offline-status') == 1 && settings('online-status') == 1)
            <div class="col-lg-6 col-sm-12 px-0 pr-lg-1 d-grid gap-2">
                <button wire:loading.attr="disabled" class="btn btn-success" wire:click="save({{ \App\Enums\OrderPaymentType::ONLINE }})">پرداخت آنلاین</button>
            </div>
            <div class="col-lg-6 col-sm-12 mt-3 mt-lg-0 px-0 pl-lg-1 d-grid gap-2">
                <button wire:loading.attr="disabled" class="btn btn-primary" wire:click="save({{ \App\Enums\OrderPaymentType::OFFLINE }})">پرداخت درب منزل</button>
            </div>
        @elseif(settings('online-status') == 1)
            <div class="col-12 px-0 d-grid gap-2">
                <button wire:loading.attr="disabled" class="btn btn-success" wire:click="save({{ \App\Enums\OrderPaymentType::ONLINE }})">پرداخت آنلاین</button>
            </div>
        @elseif(settings('offline-status') == 1)
            <div class="col-12 px-0 d-grid gap-2">
                <button wire:loading.attr="disabled" class="btn btn-primary" wire:click="save({{ \App\Enums\OrderPaymentType::OFFLINE }})">پرداخت درب منزل</button>
            </div>
        @endif
    </div>
    @if(auth()->user()->credit >= $total && settings('wallet-status') == 1)
        <div class="row mt-3">
            <div class="col-12 px-0 d-grid gap-2">
                <button wire:loading.attr="disabled" class="btn btn-warning" wire:click="save({{ \App\Enums\OrderPaymentType::WALLET }})">
                    پرداخت با کیف‌پول(اعتبار شما: {{ to_persian_numbers(number_format(auth()->user()->credit)) }})
                </button>
            </div>
        </div>
    @endif
    <form class="text-center mt-2 d-none" method="{{ $method }}" action="{{ $action }}" id="payment-form">
        <p>در صورتی که به صورت اتوماتیک به درگاه وصل نشدید روی دکمه زیر کلیک کنید.</p>
        @foreach($inputs as $name => $value)
            <input type="hidden" name="{{ $name }}" value="{{ $value }}">
        @endforeach
        <button type="submit" class="btn btn-success">اتصال به درگاه</button>
    </form>
</div>
@push('scripts')
    <script>
        window.addEventListener('submit-payment-form', function () {
            $('#payment-form').submit();
        });
    </script>
@endpush