@extends('companyuser::layouts.master')
@section('title', __('sales::estimates.show_estimate'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/view/info-details.css') }}">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<style>
    .swal2-container.swal2-center{
        z-index: 99999999;
    }
    .description-text {
        height: auto;
    }
</style>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('company.customers.index', $subdomain)}}"> @lang('companyuser::sidebar.Sales')</a></li>
            <li class="breadcrumb-item active"><a href="{{url('/sales/estimates')}}">@lang('sales::estimates.estimates')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Show')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<section>
    <div id="actions" class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
                @can('sales.invoices.create')
                <a href="@if($output['estimate']->canBeConvertedToInvoice) {{route('company.estimates.to-invoice', [$subdomain, $output['estimate']])}} @else {{ '#' }} @endif" class="@if(!$output['estimate']->canBeConvertedToInvoice) cant-be-converted-to-invoice @endif text-green @if( $output['estimate']->customer->deleted_at || !$output['estimate']->customer->status) disabled @endif" data-id="{{ $output['estimate']->id }}" title="{{__('Change to Invoice')}}">
                    <span class="icon-Change-to-invoice action-icon"></span>
                </a>
                @endcan
                @if(auth()->user()->can('sales.proforma-invoices.create') && request()->get('tenant_current_subscription')->package_id != \Modules\Tenant\Enums\PackagesEnum::STANDARD)
                <a href="{{route('company.estimates.to-proforma-invoice', [$subdomain, $output['estimate']])}}" class="text-green @if( $output['estimate']->customer->deleted_at || !$output['estimate']->customer->status) disabled @endif" title="{{__('Change to Proforma Invoice')}}">
                    <img src="{{ asset('assets/icons/convert-from-quotation-to-proforma-invoice.svg')}}" style="margin-top: -38px;" width="65" height="52">
                </a>
                @endif
                @can('sales.estimates.export')
                <a href="" data-toggle="modal" data-target="#emailModal" class="text-green" title="{{__('Send to email')}}">
                    <span class="icon-Email action-icon"></span>
                </a>
                <a href="" data-toggle="modal" data-target="#whatsappModal" class="text-green" title="{{__('Send to whatsapp')}}">
                    <img style="margin-bottom: 35px;" src="{{ asset('assets/icons/whatsapp.svg') }}" width="65" height="51" />
                </a>
                @endcan
            </div>

            <div class="mb-1 pull-left">
                @can('sales.estimates.view')
                <a class="text-green pull-left" href="{{route('company.estimates.index', $subdomain)}}" title="{{__('Back')}}">
                    @if(LaravelLocalization::getCurrentLocale() === 'en')
                    <span class="icon-Previous action-icon back-btnIcon"></span>
                    @else
                    <span class="icon-Next action-icon back-btnIcon"></span>
                    @endif
                </a>
                @endcan
                @can('sales.estimates.export')
                <a href="{{ route('company.estimates.print',[$subdomain,$output['estimate']->id]) }}" target="_blank" id="print_button" class="text-green" title="@lang('Print')">
                    <span class="icon-Print action-icon"></span>
                </a>
                @endcan
            </div>
        </div>

        @if( $output['estimate']->customer->deleted_at || !$output['estimate']->customer->status)
        <div class="col-md-12  col-xs-12 text-center">
            <div class="alert alert-red">
                @lang('sales::estimates.customer_deleted_or_deactivated')
            </div>
        </div>
        @endif

        @include('companyuser::errors.lists')
        @include('companyuser::errors.all')
        <div class="card mt-2">
            <div class="card-block">
                <div class="row mb-2">
                    <div class="col-sm-6 col-md-6 col-lg-7">
                        <div class="row">
                            <dt class="col-sm-4">{{__('sales::estimates.reference_id')}}</dt>
                            <dd class="col-sm-8">
                                <p>{{$output['estimate']->code}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('sales::estimates.description')}}</dt>
                            <dd class="col-sm-8 {{strlen($output['estimate']->description) > 50 ? 'description-text' : '' }}" >
                                <p style="margin-bottom: 5px;">{{$output['estimate']->description}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('sales::estimates.customer')}}</dt>
                            <div class="col-sm-8">
                                <div style="padding-bottom: 1rem;width: 60%" class="">{{$output['estimate']->customer->name}}</div>
                            </div>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('sales::estimates.issue_date')}}
                            </dt>
                            <dd class="col-sm-8">
                                <p>{{$output['estimate']->formatDate($output['estimate']->issue_date)}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('sales::estimates.due_date')}}</dt>
                            <dd class="col-sm-8">
                                <p>{{$output['estimate']->formatDate($output['estimate']->due_date)}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('sales::customers.created_by')}}</p></dt>
                            <dd class="col-sm-8">
                                @if($output['estimate']->created_by == null)
                                    @lang('accounting::assets.System')
                                @elseif($output['estimate']->created_by == auth()->user()->id)
                                    @lang('accounting::assets.You')
                                @else
                                    {{$output['estimate']->addedBy->uname}}
                                @endif

                            </dd>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-6 col-lg-5 rounded">
                        <div class="card mb-0" style="background-color: rgb(245, 247, 250) !important; margin: auto;">
                            <div class="card-header  border-bottom-gray p-1" style="background-color: rgb(245, 247, 250) !important;">
                                <h3>@lang('sales::estimates.customer_details'):</h3>
                            </div>
                            <div class="card-body p-0">
                                <table class="table table-borderless">
                                    <tbody>
                                        <tr>
                                            <th scope="row"><b>@lang('sales::estimates.phone'):</b></th>
                                            @php 
                                                $mobile = $output['estimate']->customer->mobile ? str_replace("+", "00", App\Enums\PhoneCode::get($output['estimate']->customer->country_code)) . '-' . $output['estimate']->customer->mobile : '' 
                                            @endphp
                                            <td>
                                                <a href="{{ 'Tel:'.$mobile}}" id="customer-phone">{{$mobile}}</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row"><b>@lang('sales::estimates.email'):</b></th>
                                            <td>
                                                <a href="{{ 'mailto:'.$output['estimate']->customer->email}}" target="_top" id="customer-email">{{$output['estimate']->customer->email}}</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                @php
                    $productTypeTitle = '';
                    if (array_key_exists(\Modules\Products\Enums\ProductTypeEnum::PRODUCT, $output['productsTypes'])) {
                        $productTypeTitle .= __('products::product.' . \Modules\Products\Enums\ProductTypeEnum::PRODUCT);
                    }
                    if (array_key_exists(\Modules\Products\Enums\ProductTypeEnum::SERVICE, $output['productsTypes'])) {
                        $productTypeTitle .= $productTypeTitle ? ' / ' : '';
                        $productTypeTitle .= __('products::product.' . \Modules\Products\Enums\ProductTypeEnum::SERVICE);
                    }
                @endphp
                <div class="row mb-2">
                    <div class="col-md-12">
                        <div class="card-title">
                            <h2>{{$productTypeTitle}}</h2>
                        </div>
                        <div class="table-responsive">
                            @php
                                $counterOfColumn=8;
                                $totalDiscountAmount = 0;
                                $totalAmount = 0;
                                $totalAmountWithServices = 0;
                                if(!$output['estimate']->formDesign->product_description) {
                                    $counterOfColumn--;
                                }
                                if(!$output['estimate']->formDesign->discount) {
                                    $counterOfColumn--;
                                }
                                if(!$output['estimate']->formDesign->tax_amount) {
                                    $counterOfColumn--;
                                }
                                if(!$output['estimate']->formDesign->product_image) {
                                    $counterOfColumn--;
                                }
                            @endphp
                            <table class="table mb-0 table table-striped table-bordered zero-configuration">
                                <thead>
                                    <tr>
                                        @if($output['estimate']->formDesign->product_image)
                                            <th style="width: 10%">@lang('products::product.Image')
                                        @endif
                                        <th>@lang('sales::estimates.product')</th>
                                        @if($output['estimate']->formDesign->product_description)
                                            <th style="float: unset;" class="col-xs-2 col-sm-4">@lang('sales::estimates.description')</th>
                                        @endif
                                        <th>@lang('sales::estimates.qty')</th>
                                        <th>@lang('sales::estimates.unit_price')</th>
                                        @if($output['estimate']->formDesign->discount)
                                            <th>@lang('sales::estimates.discount')</th>
                                        @endif
                                        @if($output['estimate']->formDesign->tax_amount)
                                            <th>@lang('sales::estimates.vat')</th>
                                            <th>@lang('sales::estimates.vat_value')</th>
                                        @endif
                                        <th>@lang('sales::estimates.amount')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($output['estimate']->products as $record)
                                        <tr class="{{ $record->product->deleted_at || $record->warehouseProduct?->deleted_at ? 'alert-warning' : '' }}">
                                            @if($output['estimate']->formDesign->product_image)
                                                <td><img class="@if($record->product->image) img-thumbnail cursor-pointer product_image_transaction @endif" src="{{ $record->product->image }}"></td>
                                            @endif
                                            <td>
                                                @if($record->product->deleted_at || $record->warehouseProduct?->deleted_at)
                                                    <span class="badge badge-warning ml-2 mr-2">
                                                        <i class="fa fa-exclamation-triangle"></i>
                                                        @lang('Deleted')
                                                    </span>
                                                    {{ $record->product->name }}
                                                @else
                                                    {{ $record->product->name }}
                                                @endif
                                            </td>
                                            @if($output['estimate']->formDesign->product_description)
                                                <td>{{ $record->description }}</td>
                                            @endif
                                            <td>{{ number_format($record->quantity,2,".",",") }}</td>
                                            <td>{{ number_format($record->unit_price,2,".",",") }}</td>
                                            @if($output['estimate']->formDesign->discount)
                                                @php
                                                    $totalBeforeDiscount = $record->quantity * $record->unit_price;
                                                    if ($output['estimate']->taxes_status  == \Modules\Sales\Enums\InvoiceTaxesStatusEnum::INCLUSIVE) {
                                                        $discountWithoutTax = ($totalBeforeDiscount - $record->vat) * $record->discount / 100.0;
                                                        $totalDiscountAmount += $discountWithoutTax;
                                                        $totalAmount += $totalBeforeDiscount - $record->vat;
                                                    } else {
                                                        $totalDiscountAmount += $totalBeforeDiscount * $record->discount / 100;
                                                        $totalAmount += $totalBeforeDiscount;
                                                    }
                                                @endphp
                                                <td>{{ $record->discount }}</td>
                                            @endif
                                            @if($output['estimate']->formDesign->tax_amount)
                                                <td>{{ ($record->tax)?$record->tax->percentage:0 }}</td>
                                                <td>{{ number_format($record->vat,2,".",",") }}</td>
                                            @endif
                                            @if($output['estimate']->formDesign->tax_status == \Modules\Settings\Enums\TaxStatusesEnum::INCLUDE_VAT)
                                                @if($output['estimate']->taxes_status == \Modules\Settings\Enums\TaxStatusesEnum::INCLUDE_VAT)
                                                    <td>{{ number_format($record->gross ,2,".",",") }}</td>
                                                @else
                                                    <td>{{ number_format($record->total,2,".",",") }}</td>
                                                @endif
                                            @else
                                                @if($output['estimate']->taxes_status == \Modules\Settings\Enums\TaxStatusesEnum::EXCLUDE_VAT)
                                                    <td>{{ number_format($record->gross ,2,".",",") }}</td>
                                                @else
                                                    <td>{{ number_format($record->gross - $record->vat,2,".",",") }}</td>
                                                @endif
                                            @endif
                                        </tr>
                                    @endforeach
                                </tbody>
                                @if($output['estimate']->formDesign->discount && $totalAmount)
                                <tr>
                                    <td colspan="{{$counterOfColumn}}"><b>@lang('sales::estimates.discount') </b></td>
                                    <td><b>{{ number_format(($totalDiscountAmount / $totalAmount * 100),2,".",",") . " %" }} </b></td>
                                </tr>
                                <tr>
                                    <td colspan="{{$counterOfColumn}}"><b>@lang('sales::estimates.discount amount') </b></td>
                                    <td><b>{{ number_format($totalDiscountAmount,2,".",",") }} {!!  __('settings::currencies.' . $output['estimate']->currency_code)  !!} </b></td>
                                </tr>
                                @endif
                                <tr>
                                    <td colspan="{{$counterOfColumn}}"><b> @lang('sales::estimates.gross') </b></td>
                                    <td>
                                        <b>{{ number_format($output['estimate']->total_amount,2,".",",") }} {!!  __('settings::currencies.' . $output['estimate']->currency_code)  !!} </b>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="{{$counterOfColumn}}"><b>@lang('sales::estimates.vat') </b></td>
                                    <td><b>{{ number_format($output['estimate']->total_vat,2,".",",") }} {!!  __('settings::currencies.' . $output['estimate']->currency_code)  !!}</b></td>
                                </tr>
                                <tr>
                                    <td colspan="{{$counterOfColumn}}"><b>@lang('sales::estimates.total_amount') </b></td>
                                    <td>
                                        <b>
                                            {{ number_format($output['estimate']->total,2,".",",") }} {!!  __('settings::currencies.' . $output['estimate']->currency_code)  !!}
                                        </b>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        @include('sales::partials.other-fees-show', [
                            'activities' => $output['feeServiceActivities'],
                            'baseTotal' => $output['estimate']->total,
                            'currencyCode' => $output['estimate']->currency_code,
                        ])
                    </div>
                </div>
                <div class="row mb-2" id="info-tabs">
                    @if($output['estimate']->custom_fields)
                        @php $customFields = json_decode($output['estimate']->custom_fields, true) @endphp
                        <div class="col-md-12">
                            <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                                <div class="d-flex justify-content-between">
                                    <span>{{ __('sales::estimates.additional_fields') }} </span><i class="fa fa-angle-down"></i>
                                </div>
                            </button>
                            <div class="collapse" id="collapseExample">
                                <div class="card card-body mb-0">
                                    @foreach($customFields as $key=>$field)
                                    <div class="row mb-1">
                                        <div class="col-md-4">
                                            <label for="{{$field['name_en']}}">
                                                {{ $field['name_'.app()->getLocale()] }}
                                            </label>
                                        </div>
                                        <div class="col-md-8">
                                            @if($field['type']=='checkbox')
                                            <input id="{{$field['name_en']}}" type="checkbox" name="custom_fields[{{($key+1)}}][value]" @if(isset($field['value'])||isset(old('custom_fields')[$key+1]['value'])) checked @endif disabled>
                                            @else
                                            <input value="{{$field['value']}}" class="w-100 py-1 form-control @if($field['type']=='date') singledate @endif" type="{{ ($field['type']=='date')?'text':$field['type'] }}" id="{{$field['name_en']}}" disabled>
                                            @endif
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="col-md-12">
                        <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseTerm" aria-expanded="false" aria-controls="collapseTerm">
                            <div class="d-flex justify-content-between">
                                <span>{{ __('sales::estimates.terms_and_condition') }} </span><i class="fa fa-angle-down"></i>
                            </div>
                        </button>
                        <div class="collapse" id="collapseTerm">
                            <div class="card card-body mb-0">
                                {!! $output['estimate']->terms ?? $output['estimate']->formDesign->terms !!}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseNote" aria-expanded="false" aria-controls="collapseNote">
                            <div class="d-flex justify-content-between">
                                <span>{{ __('sales::estimates.notes') }} </span><i class="fa fa-angle-down"></i>
                            </div>
                        </button>
                        <div class="collapse" id="collapseNote">
                            <div class="card card-body mb-0">
                                {!! $output['estimate']->notes ?? $output['estimate']->formDesign->notes !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseAttachment" aria-expanded="false" aria-controls="collapseAttachment">
                            <div class="d-flex justify-content-between">
                                <span>{{ __('sales::estimates.attachments') }} </span><i class="fa fa-angle-down"></i>
                            </div>
                        </button>
                        <div class="collapse" id="collapseAttachment">
                            <div class="card card-body mb-0">
                                @forelse ($output['estimate']->attachments as $attachment)
                                    <div>
                                        <a href={{ $attachment->file_path }} target="_blank">{{$attachment->name}}</a>
                                    </div>
                                @empty
                                    <div>
                                        @lang('purchases::purchase_bills.there_is_no_attachments')
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{---------------- popup for sending the item to email as pdf -------------------------------}}
        <div class="modal fade" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="favoritesModalLabel">@lang('Send to email')</h4>
                    </div>
                    <form action="{{route('company.estimates.send-to-email', [$subdomain, $output['estimate']])}}" method="post" class="form delete-form">
                        @csrf
                        <div class="modal-body">
                            <label for="email"> @lang("E-Mail Address") </label>
                            <input type="email" required name="email" id="email" class="form-control" value="{{$output['estimate']->customer->email}}" />
                            <br />
                            <label for="email"> @lang("From E-Mail") </label>
                            <input type="email" name="from_email" id="from_email" class="form-control" value="{{auth()->user()->email}}" />
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                            <span class="pull-right">
                                <button type="submit" class="btn btn-primary">@lang('Send')</button>
                            </span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        {{---------------- popup for sending the item to whatsapp as pdf -------------------------------}}
        <div class="modal fade" id="whatsappModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="favoritesModalLabel">@lang('Send to whatsapp')</h4>
                    </div>
                    <div class="modal-body">
                        <label for="whatsapp_mobile">@lang('sales::invoices.Phone')</label>
                        <input type="text" name="whatsapp_mobile" id="whatsapp_mobile" class="form-control" value="{{ ($output['estimate']->customer->mobile) ? $output['estimate']->customer->full_mobile_number : $output['estimate']->customer->mobile }}" placeholder="+966500000000" />
                    </div>
                    <div class="modal-footer">
                        <span class="pull-left">
                            <button type="button" class="btn btn-default" data-dismiss="modal">@lang('Cancel')</button>
                        </span>
                        <span class="pull-right">
                            <button id="send-to-whatsapp-submit" class="btn btn-primary">@lang('Send')</button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<input id="is_print" type="hidden" value="{{ request('isPrint') }}">
@endsection
@php
    $WhatsappText = __('general.whatsapp_message', [
        'receiver'     => $output['estimate']->customer->name,
        'sender'       => $companyInfo->name,
        'resource'     => $output['estimate']->code,
        'model'        => __('sales::estimates.estimate'),
        'resource_url' => $output['estimate']->publicUrl
    ]);
@endphp
@section('extra_scripts')
    <script>
        gtag('event', 'web_sales_quotation_show');
        console.log('web_sales_quotation_show event');
    </script>
    <script src="{{ asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        $(document).ready(function() {
            const printButtonElement = document.getElementById('print_button');
            const isPrint = document.getElementById('is_print').value;
            if (isPrint) {
                printButtonElement.click();
            }
        });
        $('#send-to-whatsapp-submit').click(function(e){
            // Generate the whatsapp link and open a new window
            window.open(`https://wa.me/${$('#whatsapp_mobile').val()}?text={{ $WhatsappText }}`, '_blank');
            $('#whatsappModal').modal('hide');
        });

        $('body').on('click', '.cant-be-converted-to-invoice', function() {
            let estimate_id = $(this).data('id');
            // Fetch issues with the estimate
            $.ajax({
                url: `{{ route('inventory.entity.convert-to-invoice-issues', ['type' => 'Modules\Sales\Models\SalesEstimate', 'id' => ':id']) }}`.replace(':id', estimate_id),
                method: 'GET',
                headers: {
                    'Accept-Language': '{{ LaravelLocalization::getCurrentLocale() }}'
                },
                success: function(response) {
                    let message = `
                        <ul style="padding: 25px 0;margin: 0;text-align: {{ LaravelLocalization::getCurrentLocale() === 'ar' ? 'right' : 'left' }};direction: {{ LaravelLocalization::getCurrentLocale() === 'ar' ? 'rtl' : 'ltr' }};">
                            ${(response.quantity_issue?.length > 0) ? '<li>@lang("inventory::inventory.quantity_issues")</li>' : ''}
                            ${(response.quantity_issue?.length > 0) ? response.quantity_issue?.map(issue => `<li style="background-color: #f8d7da;padding: 10px;border-radius: 5px;margin-bottom: 5px;">${issue}</li>`).join('') : ''}
                            <br />
                            ${(response.cost_center_issue?.length > 0) ? '<li>@lang("inventory::inventory.cost_center_issues")</li>' : ''}
                            ${(response.cost_center_issue?.length > 0) ? response.cost_center_issue?.map(issue => `<li style="background-color: #f8d7da;padding: 10px;border-radius: 5px;margin-bottom: 5px;">${issue}</li>`).join('') : ''}
                        </ul>
                        <br />
                        <p>@lang("inventory::inventory.edit_estimate_to_fix_issues")</p>
                    `;
                    Swal.fire({
                        title: "@lang('inventory::inventory.cannot_convert_to_invoice')",
                        html: message,
                        icon: 'warning',
                        button: '@lang("sales::invoices.close")',
                        // footer: '<a href="#">@lang("inventory::inventory.why_this_issue")</a>'
                    });
                }
            });
        });
        
    });
</script>
@endsection