@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('order::order.view purchase order 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>{{ __('order::order.home')}}</a>
                </li>
                <li><a href="{{ route('create-new-po')}}" class="bread-link">{{ __('order::order.create')}}</a></li>
                <li><a href="{{ route('list-po')}}" class="bread-link">{{ __('order::order.all purchase order')}}</a></li>
                <li>{{$order->purchase_order_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>{{ __('order::order.'.PurchaseOrder::status_type($order->status)['title']) }}
                </h1>
            </div>
        </div>
        <div class="details-btn-container container-fluid">
            @includeIf('order::Modals.purchase_order_status_modal')
            @includeIf('order::Modals.email_PurchaseOrderModal')
            @includeIf('order::purchase_order_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>
                            {{ __('order::order.purchase order number') }}
                        </h1>
                        <p class="title-value">{{ $order->purchase_order_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>
                                    {{ __('order::order.supplier address') }}
                                </h1>
                                <address class="ps-address-wrapper bill-address-wrapper">
                                    <h5 class="value">{{ $order->order_supplier->supplier_name }}</h5>
                                    @if($order->order_supplier->supplier_address)
                                        <p class="value">{{ $order->order_supplier->shipping_address }}</p>
                                    @endif
                                </address>
                            </div>
                            <div class="col-sm-12 col-md-6 col-lg-6">
                                <h1 class="label">
                                    {{ __('order::order.billing address') }}
                                </h1>
                                <address class="ps-address-wrapper">
                                    <h5 class="value">{{ $order->order_supplier->receiver_name }}</h5>
                                    @if($order->order_supplier->shipping_address)
                                        <p class="value">{{ $order->order_supplier->shipping_address }}</p>
                                    @endif
                                    @if($order->order_supplier->mobile)
                                        <p class="value">{{ $order->order_supplier->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>
                            {{ __('order::order.items') }}
                        </h1>
                        <div class="table-responsive">
                            <table class="table table-borderless table-striped table-hover">
                                <tr>
                                    <th>{{ __('order::order.barcode') }}</th>
                                    <th>{{ __('order::order.description') }}</th>
                                    <th>{{ __('order::order.part no') }}</th>
                                    <th>{{ __('order::order.qty') }}</th>
                                    <th>{{ __('order::order.price') }}</th>
                                    <th>{{ __('order::order.total') }}</th>
                                </tr>
                                @if(count($order->order_item) > 0)
                                    @foreach($order->order_item as $item)
                                        <tr>
                                            <td>{{ $item->barcode }}</td>
                                            <td>{{ $item->description }}</td>
                                            <td>{{ $item->serialnumber }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>{{ PurchaseOrder::format_payment($item->selling_price) }}</td>
                                            <td>
                                                {{ PurchaseOrder::format_payment($item->total) }}
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </table>
                        </div>
                        <div class="payment-wrapper">
                            <table class="payment-table">
                                <tr>
                                    <td class="label">{{__('order::order.total amount')}}</td>
                                    <td class="value">{{ PurchaseOrder::format_payment($order->order_payment->subtotal) }}</td>
                                </tr>
                                <tr>
                                <tr>
                                    <td class="label">{{__('order::order.tax rate')}}</td>
                                    <td class="value">{{  $order->order_payment->tax_rate }}%</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('order::order.tax amount')}}</td>
                                    <td class="value">{{  PurchaseOrder::format_payment($order->order_payment->tax_amount) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('order::order.shipping fee')}}</td>
                                    <td class="value">{{  PurchaseOrder::format_payment($order->order_payment->shipping_fees) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('order::order.subtotal')}}</td>
                                    <td class="value">{{  PurchaseOrder::format_payment($order->order_payment->totalaftertax) }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>

                @if(purchase_order_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>
                                {{ __('order::order.terms & sales conditions') }}
                            </h1>
                            <div class="footer-content">
                                {!! purchase_order_footer()->note !!}
                            </div>
                            <h1 class="label">
                                <span class="icon"><i class="fa-sharp fa-solid fa-file"></i></span>
                                {{__('order::order.purchase note')}}
                            </h1>
                            <div class="footer-content">
                                {!! purchase_order_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">{{ __('order::order.details') }}</h1>
                        </div>
                        <div class="card-body">
                            <table class="table table-borderless">
                                <tr>
                                    <td class="label">{{ __('order::order.purchase order date') }}</td>
                                    <td class="value">{{ date(AdminBaseDashboard::format_date(), strtotime($order->date)) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{ __('order::order.staff') }}</td>
                                    <td class="value">{{ $order->clerk->Name }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('javascript')
    <script src="{{ asset('vendor/purchaseorder/js/custom.js') }}"></script>
@endsection