@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('docket::docket.view service request 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>{{ __('docket::docket.home')}}</a></li>
                <li><a href="{{ route('create-new-docket')}}" class="bread-link">{{ __('docket::docket.create')}}</a></li>
                <li><a href="{{ route('list-docket')}}" class="bread-link">{{ __('docket::docket.dockets')}}</a></li>
                <li>{{$docket->docket_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>{{ __('docket::docket.'.Docket::status_type($docket->status)['title']) }}
                </h1>
            </div>
        </div>
        <div class="details-btn-container container-fluid">
            @includeIf('docket::Modals.docket_status_modal')
            @includeIf('docket::Modals.email_docketModal')
            @includeIf('docket::docket_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>
                            {{ __('docket::docket.docket number') }}
                        </h1>
                        <p class="title-value">{{ $docket->docket_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>
                                    {{ __('docket::docket.billing address') }}
                                </h1>
                                <address class="ps-address-wrapper bill-address-wrapper">
                                    <h5 class="value">{{ $docket->docket_customer->customer_name }}</h5>
                                    @if($docket->docket_customer->billing_address)
                                        <p class="value">{{ $docket->docket_customer->shipping_address }}</p>
                                    @endif
                                </address>
                            </div>
                            <div class="col-sm-12 col-md-6 col-lg-6">
                                <h1 class="label">
                                    {{ __('docket::docket.shipping address') }}
                                </h1>
                                <address class="ps-address-wrapper">
                                    <h5 class="value">{{ $docket->docket_customer->customer_name }}</h5>
                                    @if($docket->docket_customer->shipping_address)
                                        <p class="value">{{ $docket->docket_customer->shipping_address }}</p>
                                    @endif
                                    @if($docket->docket_customer->mobile)
                                        <p class="value">{{ $docket->docket_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>
                            {{ __('docket::docket.items') }}
                        </h1>
                        <div class="table-responsive">
                            <table class="table table-borderless table-striped table-hover">
                                <tr>
                                    <th>{{ __('docket::docket.barcode') }}</th>
                                    <th width="30%">{{ __('docket::docket.description') }}</th>
                                    <th>{{ __('docket::docket.serial number') }}</th>
                                    <th>{{ __('docket::docket.qty') }}</th>
                                    <th>{{ __('docket::docket.price') }}</th>
                                    <th>{{ __('docket::docket.total') }}</th>
                                </tr>
                                @if(count($docket->docket_item) > 0)
                                    @foreach($docket->docket_item as $item)
                                        <tr>
                                            <td>{{ $item->barcode }}</td>
                                            <td>{{ $item->description }}</td>
                                            <td>{{ $item->serialnumber }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>{{ Docket::format_payment($item->selling_price) }}</td>
                                            <td>
                                                {{ Docket::format_payment($item->total) }}
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </table>
                        </div>
                        <div class="payment-wrapper">
                            <table class="payment-table">
                                <tr>
                                    <td class="label">{{__('docket::docket.total amount')}}</td>
                                    <td class="value">{{ Docket::format_payment($docket->docket_payment->subtotal) }}</td>
                                </tr>
                                <tr>
                                <tr>
                                    <td class="label">{{__('docket::docket.tax amount')}}</td>
                                    <td class="value">{{ $docket->docket_payment->tax_rate }}%</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('docket::docket.tax amount')}}</td>
                                    <td class="value">{{ Docket::format_payment($docket->docket_payment->tax_amount) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('docket::docket.shipping fee')}}</td>
                                    <td class="value">{{ Docket::format_payment($docket->docket_payment->shipping_fees) }}</td>
                                </tr>
                                <tr>
                                    <td class="label">{{__('docket::docket.subtotal')}}</td>
                                    <td class="value">{{ Docket::format_payment($docket->docket_payment->totalaftertax) }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card info-card">
                    <div class="card-body">
                        <ul>
                            <li class="value">{{ __('docket::docket.docket is due on') }} <span class="ms-1">{{ date(AdminBaseDashboard::format_date(), strtotime($docket->pickup_date)) }}</span></li>
                        </ul>
                    </div>
                </div>

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