@inject('roster_helper', 'App\Helpers\TenderHelper')
@extends('organizations.layouts.default')
@section('content')
    <main>
        <div class="max-w-screen-2xl mx-auto p-2 md:p-2 2xl:p-4">
            <div class="flex justify-between m-0 p-0">
                <!-- Breadcrumb Start -->
                <h2 class="text-title-md2 font-bold text-black dark:text-white">
                    Publish Tender
                </h2>
                @include('organizations.layouts.partials.breadcrumb')
            </div>
            <hr class="text-white my-3">
            <div class="my-3">
            </div>
            <div class="rounded-sm border border-stroke bg-white shadow-default dark:border-strokedark dark:bg-boxdark">
                <div class="bg-white dark:bg-boxdark overflow-hidden rounded-md p-6">
                    <div class="grid grid-cols-3 gap-4 border-b mb-6">
                        <div class="py-3 col-span-2">
                            <span class="font-semibold">Title:</span> {{ $model->title }}
                        </div>
                        <div class="py-3">
                            <span class="font-semibold">Date:</span>
                            {{ \Carbon\Carbon::parse($model->start_date)->format('Y-m-d') }}
                            <span class="font-semibold"> to </span>
                            {{ \Carbon\Carbon::parse($model->end_date)->format('Y-m-d') }}
                        </div>
                    </div>
                    <div class="-mx-4 flex flex-wrap">
                        <div class="w-full px-4 sm:w-1/2 xl:w-3/12">
                            <div class="mb-10">
                                <h4
                                    class="mb-2 text-title-sm2 font-medium leading-[30px] text-black dark:text-white md:text-2xl">
                                    Service Applied
                                </h4>
                                <p class="font-medium">
                                    {{ $model->service?->service_name }}<br>
                                    Valid for {{ $model->service?->service_validity_days }} days.
                                    <br><small><em>Your notice will be published till
                                            {{ now()->addDays($model->service?->service_validity_days + 1)->format('Y-m-d') }}</em></small>
                                </p>
                            </div>
                        </div>
                        <div class="w-full px-4 sm:w-1/2 xl:w-3/12">
                            <div class="mb-10">
                                <h4
                                    class="mb-2 text-title-sm2 font-medium leading-[30px] text-black dark:text-white md:text-2xl">
                                    Coupons
                                </h4>
                                <form action="{{ route('organization.tenders.invoice', $model->id) }}" method="GET">
                                    @csrf
                                    <p class="font-medium">
                                        {{ ym_input([
                                            'label' => '',
                                            'placeholder' => 'coupon code',
                                            'type' => 'text',
                                            'name' => 'coupon_code',
                                            'value' => $model->coupon?->coupon_code,
                                        ]) }}
                                        @error('coupon_code')
                                            <small class="text-red-700">{{ $message }}</small>
                                        @enderror
                                        <button type="submit"
                                            class="flex items-center justify-center rounded border border-primary hover:bg-primary hover:text-white px-8 py-2.5 text-center font-medium text-primary hover:opacity-90">
                                            Apply
                                        </button>
                                    </p>
                                </form>
                            </div>
                        </div>
                        <div class="w-full px-4 xl:w-6/12">
                            <div class="mr-10 text-right md:ml-auto">
                                <div class="ml-auto sm:w-1/2">
                                    <p class="mb-4 flex justify-between font-medium text-black dark:text-white">
                                        <span> Service Amount </span>
                                        <span> Rs.{{ $model->service_amount }} </span>
                                    </p>
                                    @if ($model->coupon_id)
                                        <p class="mb-4 flex justify-between font-medium text-black dark:text-white">
                                            <span>Coupon </span>
                                            <span> -{{ $model->coupon?->coupon_pct }}% </span>
                                        </p>
                                    @endif
                                    <p
                                        class="mb-4 mt-2 flex justify-between border-t border-stroke pt-6 font-medium text-black dark:border-strokedark dark:text-white">
                                        <span> Total Payable </span>
                                        <span>
                                            Rs.{{ $roster_helper->getPublishAmount($model->id) }}
                                        </span>
                                    </p>
                                </div>

                                <div class="mt-10 flex flex-col justify-end gap-4 sm:flex-row">
                                    @if ($roster_helper->getPublishAmount($model->id) == 0)
                                        <form action="{{ route('organization.tenders.payTenderPublish', $model->id) }}"
                                            method="post">
                                            @csrf
                                            <button
                                                class="flex items-center justify-center rounded bg-primary px-8 py-2.5 text-center font-medium text-gray hover:bg-opacity-90">
                                                Publish
                                            </button>
                                        </form>
                                    @else
                                        <form action="{{ route('organization.tenders.payTenderPublish', $model->id) }}"
                                            method="post">
                                            @csrf
                                            <div class="grid md:grid-cols-2 gap-4">
                                                @foreach ($paymentGateWays as $pGateway)
                                                    @if ($pGateway['status'] == 1)
                                                        <div class="flex items-center">
                                                            <input type="radio" name="payment_method"
                                                                value="{{ $pGateway['code'] }}"
                                                                id="{{ $pGateway['code'] }}"
                                                                {{ $model->payment_method == $pGateway['code'] ? 'checked="checked"' : '' }}
                                                                class="rounded border-[1.5px] bg-transparent py-3 px-5 font-medium outline-none transition focus:border-primary active:border-primary disabled:cursor-default disabled:bg-w dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary {{ $errors->has('payment_method') ? ' border-red-500' : ' border-stroke' }}"
                                                                required>
                                                            <label for="{{ $pGateway['code'] }}"
                                                                class="ml-2 cursor-pointer hover:underline">{{ $pGateway['name'] }}
                                                                <i class="bi bi-info-circle-fill  cursor-pointer text-brandOrange"
                                                                    data-tooltip="{{ $pGateway['details'] }}"></i>
                                                            </label>
                                                        </div>
                                                    @endif
                                                @endforeach
                                            </div>
                                            <div class="flex flex-col mt-4">
                                                {{ ym_input([
                                                    'label' => '',
                                                    'placeholder' => 'Your remarks',
                                                    'type' => 'textarea',
                                                    'name' => 'payment_remarks',
                                                    'value' => $model->payment_remarks,
                                                ]) }}
                                                <button
                                                    class="justify-center rounded bg-primary px-8 py-2.5 text-center font-medium text-gray hover:bg-opacity-90">
                                                    Publish
                                                </button>
                                        </form>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </main>
@endsection