@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('sales::invoices.show_invoice'))

@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<script src="{{ asset('/js/app.js') }}" defer></script>
<style>
    a.disabled {
        pointer-events: none;
        cursor: default;
    }
    .grid-divider {
        position: relative;
    }
    .vertical-line:after{
        content: "";
        background-color: #ccc;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        height: 50px;
        margin: auto;
        margin-right: -1rem;
    }
</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.invoices.index', $subdomain)}}">@lang('sales::invoices.invoices')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Show')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<section>
    <div class="container-fluid">
        <div id="actions">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    @can('sales.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>
                    @if($invoice->is_draft)
                    @can('sales.invoices.edit')
                    <a href="{{route('company.invoices.edit', [$subdomain, $invoice])}}" class="text-green" title="{{__('Edit')}}">
                        <span class="icon-Edit action-icon"></span>
                    </a>
                    @endcan
                    @else
                    @if(!$invoice->invoiceReturn()->exists())
                    <a href="{{route('company.invoices.return', [$subdomain, $invoice])}}" class="text-green @if( $invoice->customer->deleted_at || !$invoice->customer->status) disabled @endif" title="{{__('Return')}}">
                        <span class="icon-Reload action-icon"></span>
                    </a>
                    @endif
                    @endif
                    @endcan
                </div>
                <div class="mb-1 pull-left">
                    @can('sales.invoices.view')
                    <a class="text-green pull-left" href="{{route('company.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.invoices.export')
                    <a href="{{ route('company.invoices.print',[$subdomain,$invoice->id]) }}" target="_blank" id="print_button" class="text-green" title=" @lang('Print')">
                        <span class="icon-Print action-icon"></span>
                    </a>
                    @endcan
                </div>

            </div>

        </div>
        @if( $invoice->customer->deleted_at || !$invoice->customer->status)
        <div class="col-md-12  col-xs-12 text-center" style="z-index: 9999;">
            <div class="alert alert-red">
                @lang('sales::invoices.customer_deleted_or_deactivated')
            </div>
            @endif
            @include('companyuser::errors.lists')
            @include('companyuser::errors.all')
            
            <div class="card mb-0 mt-2">
                <div class="card-block">
                    <dl class="row mb-0">

                        <div class="col-sm-5 col-md-5 col-lg-6">
                            <div class="row text-center">
                                <h1 class="col-12 text-bold-700">فاتورة ضريبية</h1>
                                <dt class="col-sm-6 p-2">
                                    <div class="col">
                                        <div class="">الرقم التسلسلي</div>
                                        <div class="">{{$invoice->reference}}</div>
                                    </div>
                                </dt>
                                <dt class="col-sm-6 p-2">
                                    <div class="col">
                                        <div class="">التاريخ</div>
                                        <div class="">{{ Date::format($invoice->date)}}</div>
                                    </div>
                                </dt>
                            </div>
                        </div>

                        <div class="col-sm-3 col-md-3 col-lg-2 rounded" style="float: left;">
                            <img width="100%" src="{{renderQr($qrCode)}}" alt="QR Code" />
                        </div>
                    </dl>
                </div>
            </div>
            
            <div class="card mb-0 mt-2">
                <div class="card-block">
                    <dl class="row mb-0">

                        <div class="col">
                            <div class="row">
                                <h2 class="col-12 pl-2">معلومات البائع</h2>
                                <dt class="col-sm-9 p-2 grid-divider">
                                    <div class="row">
                                        <div class="col-sm-3 vertical-line ml-2">
                                            <div class="">أسم البائع</div>
                                            <div class="">{{$settings->name_en}}</div>
                                        </div>
                                        <div class="col-sm-3 vertical-line pl-2">
                                            <div class="">عموان البائع</div>
                                            <div class="">{{$settings->address}}</div>
                                        </div>
                                        @if($settings->taxable && $settings->tax_id_number)
                                        <div class="col-sm-3 vertical-line pl-2">
                                            <div class="">رقم تسجيل ضريبة القيمة المضافة للبائع</div>
                                            <div class="">{{$settings->tax_id_number}}</div>
                                        </div>
                                        @endif
                                    </div>
                                </dt>
                                <dt class="col-sm-3 p-2">
                                    <div class="col">
                                        <div class="">رقم السجل التجاري</div>
                                        <div class="">{{$settings->commercial_number}}</div>
                                    </div>
                                </dt>
                            </div>
                        </div>
                    </div>
                </dl>
            </div>
            
            <div class="card mb-0 mt-2">
                <div class="card-block">
                    <dl class="row mb-0">
                        <div class="col">
                            <div class="row">
                                <h2 class="col-12 pl-2">معلومات المشتري</h2>
                                <dt class="col-sm-12 p-2 grid-divider">
                                    <div class="row">
                                        <div class="col-sm-2 vertical-line ml-2">
                                            <div class="">أسم المشتري</div>
                                            <div class="">{{$invoice->customer->name}}</div>
                                        </div>
                                        <div class="col-sm-3 vertical-line pl-2">
                                            <div class="">عنوان المشتري</div>
                                            <div class="">{{$invoice->customer->street.', '.$invoice->customer->city}}</div>
                                        </div>
                                        <div class="col-sm-3 vertical-line pl-2">
                                            <div class="">رقم السجل التجاري</div>
                                            <div class="">{{$invoice->customer->tax_number}}</div>
                                        </div>
                                        <div class="col-sm-3 vertical-line pl-2">
                                            <div class="">رقم تسجيل ضريبة القيمة المضافة للمشتري</div>
                                            <div class="">{{$invoice->customer->mobile}}</div>
                                        </div>
                                    </div>
                                </dt>
                            </div>
                        </div>
                    </dl>
                </div>
            </div>