@php
use Carbon\Carbon;
@endphp
@extends('companyuser::layouts.master')

@section('title', __('sales::proforma_invoices.show_proforma_invoice'))
@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 rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
<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="{{ route('company.proforma-invoices.index', $subdomain) }}">@lang('companyuser::sidebar.Proforma Invoices')</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.proforma-invoices.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
                <a href="@if($output['proformaInvoice']->canBeConvertedToInvoice){{ route('company.proforma-invoices.to-invoice', [$subdomain, $output['proformaInvoice'], 'type' => $output['proformaInvoice']->type]) }}}@else{{ '#' }}@endif" class="@if(!$output['proformaInvoice']->canBeConvertedToInvoice) cant-be-converted-to-invoice @endif text-green @if( $output['proformaInvoice']->customer->deleted_at || !$output['proformaInvoice']->customer->status) disabled @endif" data-id="{{ $output['proformaInvoice']->id }}" title="{{__('Change to Invoice')}}">
                    <img src="{{ asset('assets/icons/convert-from-proforma-to-invoice.svg')}}" style="margin-top: -38px;" width="65" height="52">
                </a>
            </div>
            <div class="mb-1 pull-left">
                @can('sales.proforma-invoices.view')
                    <a class="text-green pull-left" href="{{route('company.proforma-invoices.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.proforma-invoices.export')
                    <a href="{{ route('company.proforma-invoices.print',[$subdomain,$output['proformaInvoice']->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['proformaInvoice']->customer->deleted_at || !$output['proformaInvoice']->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['proformaInvoice']->code}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('sales::estimates.description')}}</dt>
                            <dd class="col-sm-8 {{strlen($output['proformaInvoice']->description) > 50 ? 'description-text' : '' }}" >
                                <p style="margin-bottom: 5px;">{{$output['proformaInvoice']->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['proformaInvoice']->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['proformaInvoice']->formatDate($output['proformaInvoice']->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['proformaInvoice']->formatDate($output['proformaInvoice']->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['proformaInvoice']->created_by == null)
                                    @lang('accounting::assets.System')
                                @elseif($output['proformaInvoice']->created_by == auth()->user()->id)
                                    @lang('accounting::assets.You')
                                @else
                                    {{$output['proformaInvoice']->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['proformaInvoice']->customer->mobile ? str_replace("+", "00", App\Enums\PhoneCode::get($output['proformaInvoice']->customer->country_code)) . '-' . $output['proformaInvoice']->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['proformaInvoice']->customer->email}}" target="_top" id="customer-email">{{$output['proformaInvoice']->customer->email}}</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>

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