@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('quote::quotation.view quote details'))

@section('content')
    <section id="detail-section-wrapper">
        <div class="breadcrumb-wraper">
            <ul class="breadcrumb">
                <li><a href="{{ route('dashboard')}}" class="active bread-link">
                        <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('quote::quotation.home')}}</a></li>
                <li><a href="{{ route('create-new-quote')}}" class="bread-link">{{ __('quote::quotation.create')}}</a></li>
                <li><a href="{{ route('list-quotation')}}" class="bread-link">{{ __('quote::quotation.quotations')}}</a></li>
                <li>{{$quote->quotation_number}}</li>
            </ul>
        </div>

        <div class="invoice-status-card card">
            <div class="card-body">
                <h1 class="title">
                    <span class="me-2"><i class="fa-solid fa-file"></i></span>{{ __('quote::quotation.'.Quotation::status_type($quote->status)['title']) }}
                </h1>
            </div>
        </div>
        <div class="details-btn-container container-fluid">
            @includeIf('quotation::partial.quote_status_modal')
            @includeIf('quotation::partial.email_quotationModal')
            @includeIf('quotation::partial.quotation_btn')
        </div>
        <div class="row g-3">
            <div class="col-sm-12 col-md-8 col-lg-8">
                <div class="card order-info-card">
                    <div class="card-body">
                        <h1 class="label">
                            <span class="icon"><i class="fa-solid fa-hashtag"></i></span>
                            {{ __('quote::quotation.quotation number') }}
                        </h1>
                        <p class="title-value">{{ $quote->quotation_number }}</p>
                        <div class="row g-3">
                            <div class="col-sm-12 col-md-6 col-lg-6">
                                <h1 class="label">
                                    <span class="icon"><i class="fa-sharp fa-solid fa-location-dot"></i></span>
                                    {{ __('quote::quotation.billing address') }}
                                </h1>
                                <address class="ps-address-wrapper bill-address-wrapper">
                                    <h5 class="value">{{ $quote->quotation_customer->customer_name }}</h5>
                                    @if($quote->quotation_customer->billing_address)
                                        <p class="value">{{ $quote->quotation_customer->shipping_address }}</p>
                                    @endif
                                </address>
                            </div>
                            <div class="col-sm-12 col-md-6 col-lg-6">
                                <h1 class="label">
                                    {{ __('inv::invoice.shipping address') }}
                                </h1>
                                <address class="ps-address-wrapper">
                                    <h5 class="value">{{ $quote->quotation_customer->customer_name }}</h5>
                                    @if($quote->quotation_customer->shipping_address)
                                        <p class="value">{{ $quote->quotation_customer->shipping_address }}</p>
                                    @endif
                                    @if($quote->quotation_customer->mobile)
                                        <p class="value">{{$quote->quotation_customer->mobile }}</p>
                                    @endif
                                </address>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card item-card">
                    <div class="card-body">
                        <h1 class="label">
                            <span class="icon">(<i class="fa-solid fa-shopping-basket"></i>)</span>
                            {{ __('quote::quotation.items') }}
                        </h1>
                        <div class="table-responsive">
                            <table class="table table-borderless table-striped table-hover">
                                <tr>
                                    <th>{{ __('quote::quotation.barcode') }}</th>
                                    <th width="30%">{{ __('quote::quotation.description') }}</th>
                                    <th>{{ __('quote::quotation.serial number') }}</th>
                                    <th>{{ __('quote::quotation.qty') }}</th>
                                    <th>{{ __('quote::quotation.price') }}</th>
                                    <th>{{ __('quote::quotation.total') }}</th>
                                </tr>
                                @if(count($quote->quotation_item) > 0)
                                    @foreach($quote->quotation_item as $item)
                                        <tr>
                                            <td>{{ $item->barcode }}</td>
                                            <td>{{ $item->description }}</td>
                                            <td>{{ $item->serialnumber }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>{{ Quotation::format_payment($item->selling_price) }}</td>
                                            <td>
                                                {{ Quotation::format_payment($item->total) }}
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </table>
                        </div>
                        <div class="payment-wrapper">
                            <table class="payment-table">
                                <tr>
                                    <td class="label">{{__('quote::quotation.total amount')}}</td>
                                    <td class="value">{{ Quotation::format_payment($quote->quotation_payment->subtotal) }}</td>
                                </tr>
                                <tr>
                                <tr>
                                    <td class="label">{{__('quote::quotation.shipping fee')}}</td>
                                    <td class="value">{{ Quotation::format_payment($quote->quotation_payment->shipping_fees) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('quote::quotation.tax rate')}}</td>
                                    <td class="value">{{ $quote->quotation_payment->tax_rate }}%</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('quote::quotation.tax amount')}}</td>
                                    <td class="value">{{ Quotation::format_payment($quote->quotation_payment->tax_amount) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('quote::quotation.subtotal')}}</td>
                                    <td class="value">{{ Quotation::format_payment($quote->quotation_payment->totalaftertax) }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card info-card">
                    <div class="card-body">
                        <ul>
                            <li class="value">{{ __('quote::quotation.quotation is due on') }} <span class="ms-1">{{ date(AdminBaseDashboard::format_date(), strtotime($quote->expire_date)) }}</span></li>
                        </ul>
                    </div>
                </div>

                @if(quotation_footer())
                    <div class="card invoice_footer">
                        <div class="card-body">
                            <h1 class="label">
                                <span class="icon"><i class="fa-sharp fa-solid fa-file"></i></span>
                                {{ __('quote::quotation.terms & sales conditions') }}
                            </h1>
                            <div class="footer-content">
                                {!! quotation_footer()->note !!}
                            </div>
                            <h1 class="label">
                                <span class="icon"><i class="fa-sharp fa-solid fa-file"></i></span>
                                {{__('quote::quotation.quotation note')}}
                            </h1>
                            <div class="footer-content">
                                {!! quotation_footer()->footer_note !!}
                            </div>
                        </div>
                    </div>
                @endif
            </div>
            <div class="col-sm-12 col-md-4 col-lg-4">
                <div class="ms-info-wrapper">
                    <div class="card">
                        <div class="card-header">
                            <h1 class="title">{{ __('quote::quotation.quotation details') }}</h1>
                        </div>
                        <div class="card-body">
                            <table class="table table-borderless">
                                <tr>
                                    <td class="label">{{ __('quote::quotation.quote date') }}</td>
                                    <td class="value">{{ date(AdminBaseDashboard::format_date(), strtotime($quote->date)) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{ __('quote::quotation.salesperson') }}</td>
                                    <td class="value">{{ $quote->clerk->Name }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{ __('quote::quotation.purchase cost') }}</td>
                                    <td class="value">{{ Quotation::format_payment($quote->cost) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{ __('quote::quotation.expected profit') }}</td>
                                    <td class="value">{{ Quotation::format_payment($quote->profit )}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
{{--                    <div class="ps-expand-action">--}}
{{--                        <div class="card">--}}
{{--                            <div class="card-header">--}}
{{--                                <h1 class="title">{{ __('inv::invoice.action') }}</h1>--}}
{{--                            </div>--}}
{{--                            <div class="card-body">--}}
{{--                                <ul class="operation-container-wrapper">--}}
{{--                                    @if($invoice->status == "2")--}}
{{--                                        <li class="item">--}}
{{--                                            <div class="form-check form-switch">--}}
{{--                                                <input class="form-check-input" type="checkbox" role="switch" id="cancel-invoice" value="Yes">--}}
{{--                                                <label class="form-check-label" for="cancel-invoice">{{ __('inv::invoice.cancel') }} <span class="ms-1 text-danger"><i class="fa-solid fa-ban"></i></span> </label>--}}
{{--                                            </div>--}}
{{--                                        </li>--}}
{{--                                    @endif--}}
{{--                                    @if( Route::has('refund-customer-payment') &&--}}
{{--                                  $invoice->invoice_payment->amount_paid == $invoice->invoice_payment->totalaftertax && $invoice->status != '7')--}}
{{--                                        <li class="item">--}}
{{--                                            <div class="form-check form-switch">--}}
{{--                                                <input class="form-check-input" type="checkbox" role="switch" id="refund_customer" value="Yes"--}}
{{--                                                    @checked(($invoice->status) == "5" || ($invoice->status) == "6") {{ $invoice->status == "6" ? "disabled" : "" }}>--}}
{{--                                                <label class="form-check-label" for="refund_customer">{{ __('inv::invoice.make a refund') }} <span class="ms-1"><i class="fa-solid fa-rotate-left"></i></span> </label>--}}
{{--                                            </div>--}}
{{--                                        </li>--}}
{{--                                    @else--}}
{{--                                        <li class="item">--}}
{{--                                            <div class="no-content-wrapper text-center">--}}
{{--                                                <small>{{ __('inv::invoice.no advanced operation') }}</small>--}}
{{--                                            </div>--}}
{{--                                        </li>--}}
{{--                                    @endif--}}
{{--                                </ul>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                </div>
            </div>
        </div>
    </section>
@endsection
@section('javascript')
    <script src="{{ asset('vendor/quotation/js/custom.js') }}"></script>
    @endsection