@extends('companyuser::layouts.master')

@section('title', __('purchases::purchase_orders.show_purchase_order'))
@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') }}" >
<script src="{{ asset('js/app.js') }}" defer></script>
<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.suppliers.index', $subdomain)}}"> @lang('companyuser::sidebar.Purchases')</a></li>
            <li class="breadcrumb-item active"><a href="{{url('/purchases/purchase-orders')}}">@lang('purchases::purchase_orders.purchase_orders')</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('purchases.bills.create')
                    <a href="@if($output['purchaseOrder']->canBeConvertedToInvoice) {{route('company.convert.purchase-orders.to-purchase-bill', [$subdomain, $output['purchaseOrder']])}} @else {{ '#' }} @endif" class="@if(!$output['purchaseOrder']->canBeConvertedToInvoice) cant-be-converted-to-invoice @endif text-green @if( $output['purchaseOrder']->supplier->deleted_at || !$output['purchaseOrder']->supplier->status) disabled @endif" data-id="{{ $output['purchaseOrder']->id }}" title="{{__('purchases::purchase_orders.Convert purchase order to purchase bill')}}">
                        <img src="{{ asset('assets/icons/PO-to-Bill.svg')}}" style="margin-top: -38px;" width="65" height="52">
                    </a>
                @endcan
                @can('purchases.purchase-orders.export')
                <a href="" data-toggle="modal" data-target="#emailModal" class="text-green" title="{{__('Send to email')}}">
                    <span class="icon-Email action-icon"></span>
                </a>
                {{-- hold now --}}
                {{-- <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('purchases.purchase-orders.view')
                <a class="text-green pull-left" href="{{route('company.purchase-orders.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('purchases.purchase-orders.export')
                <a href="{{ route('company.purchase-orders.print',[$subdomain,$output['purchaseOrder']->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['purchaseOrder']->supplier->deleted_at || !$output['purchaseOrder']->supplier->status)
        <div class="col-md-12  col-xs-12 text-center">
            <div class="alert alert-red">
                @lang('purchases::purchase_orders.supplier_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">{{__('purchases::purchase_orders.reference_id')}}</dt>
                            <dd class="col-sm-8">
                                <p>{{$output['purchaseOrder']->code}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('purchases::purchase_orders.description')}}</dt>
                            <dd class="col-sm-8 {{strlen($output['purchaseOrder']->description) > 50 ? 'description-text' : '' }}" >
                                <p style="margin-bottom: 5px;">{{$output['purchaseOrder']->description}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('purchases::purchase_orders.supplier')}}</dt>
                            <div class="col-sm-8">
                                <div style="padding-bottom: 1rem;width: 60%" class="">{{$output['purchaseOrder']->supplier->name}}</div>
                            </div>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('purchases::purchase_orders.issue_date')}}
                            </dt>
                            <dd class="col-sm-8">
                                <p>{{$output['purchaseOrder']->formatDate($output['purchaseOrder']->issue_date)}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('purchases::purchase_orders.due_date')}}</dt>
                            <dd class="col-sm-8">
                                <p>{{$output['purchaseOrder']->formatDate($output['purchaseOrder']->due_date)}}</p>
                            </dd>
                        </div>
                        <div class="row">
                            <dt class="col-sm-4">{{__('purchases::suppliers.created_by')}}</p></dt>
                            <dd class="col-sm-8">
                                @if($output['purchaseOrder']->created_by == null)
                                    @lang('accounting::assets.System')
                                @elseif($output['purchaseOrder']->created_by == auth()->user()->id)
                                    @lang('accounting::assets.You')
                                @else
                                    {{$output['purchaseOrder']->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('purchases::purchase_orders.supplier_details')
                                    :</h3>
                            </div>
                            <div class="card-body p-0">
                                <table class="table table-borderless">
                                    <tbody>
                                        <tr>
                                            <th scope="row"><b>@lang('purchases::purchase_orders.phone'):</b></th>
                                            @php $mobile = $output['purchaseOrder']->supplier->mobile ? str_replace("+", "00", App\Enums\PhoneCode::get($output['purchaseOrder']->supplier->country_code)) . '+' . $output['purchaseOrder']->supplier->mobile : '' @endphp

                                            <td>
                                                <a href="{{ 'Tel:'.$mobile}}" id="supplier-phone">{{$mobile}}</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th scope="row"><b>@lang('purchases::purchase_orders.email'):</b></th>
                                            <td>
                                                <a href="{{ 'mailto:'.$output['purchaseOrder']->supplier->email}}" target="_top" id="supplier-email">{{$output['purchaseOrder']->supplier->email}}</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>

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