@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('docket::docket.Update service request docket'))

@section('content')
    <section id="ps-form-page">
        <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  class="bread-link" href="{{route('list-docket')}}">{{__('docket::docket.all service dockets')}}</a>
                </li>
                <li>{{ $docket -> docket_number }}</li>
            </ul>
        </div>

        <div class="main-form-wrapper">
            <div class="container-fluid">
                <div class="card bg-light">
                    <div class="card-header">
                        <h6>{{__('docket::docket.fillup the information below to generate a service confirmation request')}}</h6>
                    </div>
                    <div class="card-body">
                        @include('invoice::Modals.add_customer')
                        <form class="row g-3 form-container-wrapper docket-form">
                            <div class="col-md-4">
                                <label for="customer_name" class="form-label">{{ __('docket::docket.customer name') }}:</label>
                                <div class="input-group custom-input-group">
                                    <select class="form-select select_customer" id="customer_name" name="customer_name" data-url="{{ route('get_customer_info', ['id' => ":id"]) }}">
                                        <option value="">--- {{ __('docket::docket.select a customer') }} ---</option>
                                        @if( count(CUSTOMERS()) > 0)
                                            @foreach( CUSTOMERS() as $customer)
                                                <option value="{{$customer->id}}" @selected(($customer->id) == $docket->customer_id)>{{$customer->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#InvoiceCustomerModal">
                                        <i class="fa-sharp fa-solid fa-user-plus"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="qte_no">{{__('docket::docket.repair docket number')}}</label>
                                <input type="text" class="form-control" id="docket_no" name="docket_no" value="{{ $docket->docket_number }}"  readonly>
                            </div>
                            <div class="col-md-4">
                                <label for="Date" class="form-label">{{__('docket::docket.date')}}</label>
                                <input type="date" class="form-control" id="date" name="date" value="{!! $docket->date !!}">
                            </div>


                            <div class="col-sm-12 col-md-4 col-lg-4">
                                <label for="customer_tel" class="form-label">{{ __('docket::docket.customer tel') }}:</label>
                                    <input type="tel" class="form-control" id="customer_tel" aria-label="customer_tel" value="{{ $docket->docket_customer->mobile }}"
                                           aria-describedby="customer_tel" name="customer_tel">
                                </div>

                            <div class="col-sm-12 col-md-4 col-lg-4">
                                <label for="salesperson" class="form-label">{{ __('docket::docket.salesperson') }}:</label>
                                <select aria-label="salesperson" id="salesperson" name="salesperson" class="form-select">
                                    @if(admin())
                                        @forelse( clerks() as $team)
                                            <option value="{{ $team->id}}"
                                                    @selected(( $docket->clerk_id) == $team->id)>{{ $team->Name }}</option>
                                        @empty
                                            <option value="">--- {{ __('docket::docket.select sales person') }} ---</option>
                                        @endforelse
                                    @endif
                                </select>
                            </div>

                            <div class="col-sm-12 col-md-4 col-lg-4">
                                <label for="QuoteDue" class="form-label">{{ __('docket::docket.pickup date')}}:</label>
                                <input type="date" class="form-control" name="pickup_date" id="pickup_date"
                                       arial-label="pickup_date" value="{!! $docket->pickup_date !!}">
                            </div>
                            <div class="ps-address-wrapper">
                                <div class="container-fluid">
                                    <div class="row justify-content-center g-3">
                                        <div class="col-sm-12 col-md-6 col-lg-6">
                                            <div class="mb-1">
                                                <label for="billing_address" class="form-label">{{ __('docket::docket.bill to') }}:</label>
                                                <textarea class="form-control" aria-label="billing_address" name="billing_address"
                                                          id="billing_address">{!! $docket->docket_customer->billing_address !!}}</textarea>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-md-6 col-lg-6">
                                            <div class="mb-1">
                                                <label for="shipping_address" class="form-label">{{ __('docket::docket.ship to') }}:</label>
                                                <textarea class="form-control" aria-label="shipping_address" name="shipping_address"
                                                          id="shipping_address">{{ $docket->docket_customer->shipping_address }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-wrapper">
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped">
                                        <colgroup>
                                            <col width="15%">
                                            <col width="30%">
                                            <col width="15%">
                                            <col width="5%">
                                            <col width="10%">
                                            <col width="10%">
                                            <col width="5%">
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>{{__('docket::docket.barcode')}}</th>
                                            <th>{{__('docket::docket.description')}}</th>
                                            <th>{{__('docket::docket.serial no')}}</th>
                                            <th>{{__('docket::docket.qty')}}</th>
                                            <th>{{__('docket::docket.price')}}</th>
                                            <th>{{__('docket::docket.total')}}</th>
                                            <th>{{__('docket::docket.action')}}</th>
                                        </tr>
                                        </thead>
                                        <tbody id="order-table-item-body" data-url="{{ route('get_product_by_barcode', ['query' => ':query']) }}">
                                        @forelse($docket->docket_item as $item)
                                            <tr>
                                                <td hidden><input type="text" class="form-control" name="product_id[]" id="product_id" value="{{ $item->id }}"></td>
                                                <td hidden><input type="text" class="form-control" name="cost_price[]" id="cost_price" value="{{ $item->cost }}"></td>
                                                <td><input type="text" class="form-control" id="barcode" name="barcode[]" value="{{ $item->barcode }}"></td>
                                                <td><input type="text" class="form-control" name="description[]" id="description" value="{{ $item->description }}"></td>
                                                <td><input type="text" class="form-control" id="serialnumber" name="serialnumber[]" value="{{ $item->serial_number }}"></td>
                                                <td><input type="number" class="form-control" id="quantity" name="quantity[]" value="{{ $item->quantity }}"></td>
                                                <td><input type="number" class="form-control" id="selling_price" name="selling_price[]" value="{{ Invoice::format_item_payment($item->selling_price) }}"></td>
                                                <td><input type="number" class="form-control" id="total" name="total[]" value="{{ Invoice::format_item_payment($item->total) }}"></td>
                                                <td><button class="btn btn-danger .removeRows remove-invoice-item" id="removeRows" type="button"><i class="fas fa-minus"></i></button></td>
                                            </tr>
                                        @empty
                                        @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="mb-3">
                                <button type="button" id="add-discount" class="btn btn-primary mb-2">{{__('docket::docket.add discount')}}</button>
                                @if(View::exists('stocks::Products.short_code.products_modal'))
                                    @include('stocks::Products.short_code.products_modal')
                                @endif
                                <button class="btn btn-success mb-2" id="addNewRows" type="button">
                                        <span class="me-2">
                                            <i class="fa-solid fa-plus"></i>
                                        </span>{{__('docket::docket.add rows')}}
                                </button>
                            </div>
                            <div class="col-sm-4">
                                <div class="note">
                                    <textarea name="docket_comment" class="form-control" placeholder="{{__('docket::docket.comment here')}}..."
                                              id="docket_comment">{{ $docket->comment }}</textarea>
                                </div>
                                <!-- Button Record Invoice -->
                                <div class="quickinvoice-btn py-4 mx-2">
                                    <button type="button" class="btn btn-primary" id="update-docket"
                                            data-url="{{route('update-docket', ['id' => $docket->id])}}">
                                        <span class="btn-text"> {{__('docket::docket.record')}}</span>
                                        <span class="loading-spinner"><i class="fa-solid fa-spinner fa-spin"></i></span>
                                        <span class="loading-text">{{__('docket::docket.processing')}}.....</span></button>
                                </div>
                            </div>
                            <div class="col-sm-4">
            					<span class="form-inline">
            						<div class="form-group">
            							<label>{{__('docket::docket.subtotal')}}:</label>
            							<div class="input-group">
            								<div class="input-group mb-2">
            									 <span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
            								<input type="number" class="form-control" name="subTotal" id="subTotal" value="{{ $docket->docket_payment->subtotal }}" readonly>
            								</div>
            							</div>
                                    </div>
                                    <div class="form-group">
            							<label>{{__('docket::docket.tax rate')}}:</label>
                                        <div class="input-group mb-2">
            								<span class="input-group-text">{{ __('%') }}</span>
            								<input type="text" class="form-control" name="tax_Rate" id="tax_Rate" value="{{ $docket->docket_payment->tax_rate }}"  readonly>
            				        </div>
                                    </div>
            						<div class="form-group">
            							<label>{{__('docket::docket.total amount')}}:</label>
            							<div class="input-group mb-2">
            								<span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
            		<input type="number" class="form-control" name="totalAftertax" id="totalAftertax" value="{{ $docket->docket_payment->totalaftertax }}"readonly>
            							</div>
            						</div>
            					</span>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label>{{__('docket::docket.tax amount')}}:</label>
                                    <div class="input-group mb-2">
                                        <span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
                                        <input type="number" class="form-control" name="taxAmount" id="taxAmount" value="{{ $docket->docket_payment->tax_amount }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>{{__('docket::docket.shipping fee')}}:</label>
                                    <div class="input-group mb-2">
                                        <span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
                                        <input type="number" class="form-control" name="shipping_fees" id="shipping_fees" value="{{ $docket->docket_payment->shipping_fees }}">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>{{__('docket::docket.amount due')}}:</label>
                                    <div class="input-group mb-2">
                                        <span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
                                        <input type="number" class="form-control" name="amountDue" id="amountDue" value="{{ $docket->docket_payment->amount_due }}"  readonly>
                                    </div>
                                </div>
                            </div>
                            {{--Hidden form--}}
                            <input type="text" id="tax_Rate" value="{{ Invoice::tax() }}" hidden>
                            <input type="text" id="amountPaid" value="0" hidden>
                            {{--Hidden form--}}
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection