@extends('layouts.app')
@section('title', 'Quotation View')
@section('content')
<div class="container page-content">
    <div class="row pb-8 align-items-center page-col">
        <div class="col-xl-8 col-12">
            <h1 class="font-weight-bold typography-4 mb-0">Quotation {{ $quotation->quotation_no }} Summary</h1>
        </div>
        <div class="col-xl-4 col-12 mt-3 mt-lg-0 text-end">
            <a class="btn btn-black btn-custom " href="{{ route('quotation-index') }}">Back</a>
        </div>
        <div class="col-12 text-end mt-3">
            @if( $quotation->statusIsPendingInvoice() || $quotation->statusIsIssuedInvoice() )
                <a class="ms-2 btn btn-purple btn-custom btn text-white" href="{{ route('quotation-invoice-edit', ['quotation_invoice_id'=> $quotation->clienteleInvoice->id])}}">
                    View Invoice
                </a>
            @endif
        </div>
    </div><!-- Header -->
    <div class="row justify-content-xl-center page-col pb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="text-start">
                            <h1 class="font-weight-semibold typography-2 mb-0">
                            {{ __('Quotation Info') }}
                            </h1>
                        </div>
                        <div class="flex-1 text-end">
                            <a class="text-decoration-none" href="{{ route('quotation-edit', ['quotation_id'=>$quotation->id]) }}">
                                <span class="btn btn-purple btn-custom d-md-inline-flex d-none">{{ Auth::user()->hasPermissionTo('edit quotation') ? ($quotation->allowEditOrSubmitQuotation() && ($quotation->statusIsDraft() || $quotation->statusIsPendingApproval())? "Edit" : "View More") : "View More"}}</span>
                                <span class="fa-layers fa-fw fa-2x d-md-none d-inline-block">
                                    <i class="fas fa-square text-main"></i>
                                    <i class="fas fa-key fa-inverse" data-fa-transform="shrink-8"></i>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="mb-lg-3 row">
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="quotation_no" class="col-12 col-form-label">
                                {{ __('Quotation No') }}
                            </label>
                            <input id="quotation_no" type="text" class="form-control" name="quotation_no" value="{{ $quotation->quotation_no }}" readonly />
                        </div> <!-- Quotation No -->
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="subject" class="col-12 col-form-label">
                                {{ __('Subject') }}
                            </label>
                            <input id="subject" type="text" class="form-control" name="subject" value="{{ $quotation->subject }}" readonly />
                        </div> <!-- Subject -->
                    </div> 
                    <div class="mb-lg-3 row">
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="clientele_id" class="col-12 col-form-label">
                                {{ __('Clientele Name') }}
                            </label>
                            <input id="clientele_id" type="text" class="form-control" name="clientele_id" value="{{ $quotation->clientele_name?? $quotation->clientele->name }}" readonly />
                        </div> <!-- Clientele Name -->
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="status" class="col-12 col-form-label">
                                {{ __('Status') }}
                            </label>
                            <input id="status" type="text" class="form-control" name="status" value="{{ $quotation->getStatusName() }}" readonly />
                        </div> <!-- Status -->
                    </div>
                    <div class="mb-lg-3 row">
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="quotation_date" class="col-12 col-form-label">
                                {{ __('Quotation Date') }}
                            </label>
                            <input id="quotation_date" type="text" class="form-control" name="quotation_date" value="{{ \Carbon\Carbon::create($quotation->quotation_date)->format('d/m/Y') }}" readonly />
                        </div> <!-- Quotation Date -->
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="expired_at" class="col-12 col-form-label">
                                {{ __('Expired Date') }}
                            </label>
                            <input id="expired_at" type="text" class="form-control" name="expired_at" value="{{ \Carbon\Carbon::create($quotation->expired_at)->format('d/m/Y') }}"  readonly />
                        </div> <!-- Expired Date -->
                    </div>
                    <div class="mb-lg-3 row">
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="payment_term" class="col-12 col-form-label">
                                {{ __('Payment Term') }}
                            </label>
                            <input id="payment_term" type="text" class="form-control" name="payment_term" value="{{ $quotation->payment_term }}" readonly />
                        </div> <!-- Payment Term -->
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="created_by" class="col-12 col-form-label">
                                {{ __('Quotation Owner') }}
                            </label>
                            <input id="created_by" type="text" class="form-control" name="created_by" value="{{ $quotation->createdBy->getName() }}" readonly />
                        </div> <!-- Quotation Owner -->
                    </div>
                    <div class="mb-lg-3 row">
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="tnc" class="col-12 col-form-label">
                                {{ __('Terms & Condition') }}
                            </label>
                            <textarea id="tnc" type="text" class="form-control" name="tnc" rows="5"readonly>{{ $quotation->tnc }}</textarea>
                        </div> <!-- Terms & Condition -->
                        <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                            <label for="remarks" class="col-12 col-form-label">
                                {{ __('Remarks') }}
                            </label>
                            <textarea id="remarks" type="text" class="form-control" name="remarks" rows="5" readonly>{{ $quotation->remarks }}</textarea>
                        </div> <!-- Remarks -->
                    </div>
                    @if($quotation->cancel_remarks)
                    <div class="mb-lg-3 row">
                        <div class="col-12 mb-lg-0 mb-3">
                            <label for="cancel_remarks" class="col-12 col-form-label">
                                {{ __('Cancel Remarks') }}
                            </label>
                            <textarea id="cancel_remarks" type="text" class="form-control" name="cancel_remarks" rows="3" readonly >{{ $quotation->cancel_remarks }}</textarea>
                        </div> <!-- Cancel Remarks -->
                    </div>
                    @endif
                </div>                        
            </div><!-- Quotation Info -->
    
            <div class="page-section">
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="text-start">
                                <h1 class="font-weight-semibold typography-2 mb-0">
                                {{ __('Service') }}
                                </h1>
                            </div>
                            <div class="flex-1 text-end">
                                <a class="text-decoration-none" href="{{ route('quotation-service-index', ['quotation_id'=>$quotation->id]) }}" title="Edit">
                                    <span class="btn btn-purple btn-custom d-md-inline-flex d-none">{{ Auth::user()->hasPermissionTo('edit quotation') ? ($quotation->allowEditOrSubmitQuotation() && ($quotation->statusIsDraft() || $quotation->statusIsPendingApproval())? "Edit" : "View More") : "View More"}}</span>
                                    <span class="fa-layers fa-fw fa-2x d-md-none d-inline-block">
                                        <i class="fas fa-square text-main"></i>
                                        <i class="fas fa-key fa-inverse" data-fa-transform="shrink-8"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>                        
                    <div class="card-body">
                        @if( $services->isEmpty() )
                            <h4 class="typography-2 font-weight-semibold text-grey text-center mb-0">- N/A -</h4>
                        @else
                            @foreach( $services as $key => $service )
                                <div class="clientele-card {{ $loop->last ? '' : 'mb-3' }} ">
                                    <a class="text-theme text-decoration-none" href="{{ route('quotation-service-edit', ['clientele_quotation_service_id'=>$service->id]) }}">
                                        <div class="d-flex flex-lg-row flex-column">
                                            <div class="col-lg-9 col-12">
                                                <h5 class="mb-2 font-weight-bold">
                                                    {{ $service->quotationService->name }}
                                                </h5><!-- Service Name -->
                                                <p class="mb-2">
                                                    {!! nl2br(e($service->description)) !!}
                                                </p> <!-- Service Description -->
                                            </div>
                                            <div class="col-lg-3 col-12 mt-5 mt-lg-0 text-lg-end text-start">
                                                <p class="mb-2">
                                                    Cost: RM {{ $service->calculateRounded('cost') }}
                                                </p><!-- Service Cost -->
                                                <p class="mb-2">
                                                    Quantity: {{ $service->quantity }}
                                                </p> <!-- Service Quantity -->
                                                @if ($service->service_fee_percentage)
                                                <p class="mb-2">
                                                    Service Fee: {{ $service->service_fee_percentage }}%
                                                </p> <!-- Service Fee Percentage -->
                                                @endif
                                                @if ($service->withholding_tax)
                                                <p class="mb-2">
                                                    Withholding Tax: {{ $service->withholding_tax }}%
                                                </p> <!-- Withholding Tax -->
                                                @endif
                                                <p class="mb-2 text-success"><b>
                                                    Total Amount: RM {{ $service->calculateRounded('total_amount')  }}
                                                </b></p> <!-- Service Total Amount -->
                                            </div>
                                        </div>  
                                    </a>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div><!-- Service -->

            <div class="page-section">
             <div class="card">
                    <div class="card-header">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="text-start">
                                <h1 class="font-weight-semibold typography-2">
                                {{ __('Amount') }}
                                </h1>
                            </div>
                            <div class="flex-1 text-end">
                                <a class="text-decoration-none" href="{{ route('quotation-service-index', ['quotation_id'=>$quotation->id]) }}" title="Edit">
                                    <span class="btn btn-purple btn-custom d-md-inline-flex d-none">{{ Auth::user()->hasPermissionTo('edit quotation') ? ($quotation->allowEditOrSubmitQuotation() && ($quotation->statusIsDraft() || $quotation->statusIsPendingApproval())? "Edit" : "View More") : "View More"}}</span>
                                    <span class="fa-layers fa-fw fa-2x d-md-none d-inline-block">
                                        <i class="fas fa-square text-main"></i>
                                        <i class="fas fa-key fa-inverse" data-fa-transform="shrink-8"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>                        
                    <div class="card-body">
                        <div class="mb-lg-3 row">
                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                <label for="sub_total" class="col-12 col-form-label">
                                    {{ __('Sub Total (RM)') }}
                                </label>
                                <div class="col-12">
                                    <input id="sub_total" type="text" class="form-control" name="sub_total" value="{{ $quotation->calculateRounded('sub_total') }}" readonly />
                                </div>
                            </div> <!-- Sub Total -->
                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                <label for="grand_total" class="col-12 col-form-label">
                                    {{ __('Grand Total (RM)') }}
                                </label>
                                <div class="col-12">
                                    <input id="grand_total" type="text" class="form-control" name="grand_total" value="{{ $quotation->calculateRounded('grand_total') }}" readonly />
                                </div>
                            </div> <!-- Grand Total -->
                        </div> 
                        <div class="mb-lg-3 row">
                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                <label for="discount_percentage" class="col-12 col-form-label">
                                    {{ __('Discount Percentage (%)') }}
                                </label>
                                <div class="col-12">
                                    <input id="discount_percentage" type="text" class="form-control" name="discount_percentage" value="{{ $quotation->discount_percentage?? '0' }}" readonly />
                                </div>
                            </div> <!-- Discount Percentage -->
                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                <label for="discount_amount" class="col-12 col-form-label">
                                    {{ __('Discount Amount (RM)') }}
                                </label>
                                <div class="col-12">
                                    <input id="discount_amount" type="text" class="form-control" name="discount_amount" value="{{ $quotation->calculateRounded('discount_amount') }}" readonly />
                                </div>
                            </div> <!-- Discount Amount -->
                        </div>
                        <div class="mb-lg-3 row">
                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                <label for="after_discount_total" class="col-12 col-form-label">
                                    {{ __('After Discount Total (RM)') }}
                                </label>
                                <div class="col-12">
                                    <input id="after_discount_total" type="text" class="form-control" name="after_discount_total" value="{{ $quotation->calculateRounded('after_discount_total') }}" readonly />
                                </div> <!-- After Discount Total -->
                            </div>
                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                <label for="pretax_total" class="col-12 col-form-label">
                                    {{ __('Sub Total w/o Withholding Tax (RM)') }}
                                </label>
                                <div class="col-12">
                                    <input id="pretax_total" type="text" class="form-control" name="pretax_total" value="{{ $quotation->calculateRounded('pretax_total') }}" readonly />
                                </div> <!-- Sub Total w/o Withholding Tax (RM) -->
                            </div>
                        </div>
                        <div class="mb-lg-3 row">
                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                <label for="tax_percentage" class="col-12 col-form-label">
                                    {{ __('Tax Percentage (%)') }}
                                </label>
                                <div class="col-12">
                                    <input id="tax_percentage" type="text" class="form-control" name="tax_percentage" value="{{ $quotation->tax_percentage }}" readonly />
                                </div> <!-- Tax Percentage -->
                            </div>
                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                <label for="tax_amount" class="col-12 col-form-label">
                                    {{ __('Tax Amount (RM)') }}
                                </label>
                                <div class="col-12">
                                    <input id="tax_amount" type="text" class="form-control" name="tax_amount" value="{{ $quotation->calculateRounded('tax_amount') }}" readonly />
                                </div> <!-- Tax Amount -->
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- Amount -->
        </div>
    </div>
</div>  
@endsection