@extends('admin.app')
@section('content')
<div class="app-content content">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">Sipariş</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Ana Sayfa</a>
                                </li>
                                <li class="breadcrumb-item"><a href="{{route('get-invoice-list')}}">Faturalar</a>
                                </li>
                                <li class="breadcrumb-item active">Fatura #{{$order->id}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body" style="max-width: 1000px; margin: auto;">
            <!-- invoice page -->
            <section class="card invoice-page">
                <div id="invoice-template" class="card-body">
                    <!-- Invoice Company Details -->
                    <div id="invoice-company-details" class="row">
                        <div class="col-sm-6 col-12 text-left pt-1">
                            <div class="media pt-1">
                                <button onclick="printDiv('invoice-temp')" class="btn btn-success">Fatura Bas</button>
                            </div>
                        </div>
                        <div class="col-sm-6 col-12 text-right">
                            <!-- <h1>Invoice</h1> -->
                            <div class="invoice-details mt-2">
                                <h6>Fatura NO.</h6>
                                <p>{{$order->invoice_prefix}}{{$order->invoice_number}}</p>
                                <h6 class="mt-2">FATURA TARİHİ</h6>
                                <p>{{date('d/m/Y H:i',strtotime($order->updated_at))}}</p>
                            </div>
                        </div>
                    </div>
                    <!--/ Invoice Company Details -->

                    <!-- Invoice Recipient Details -->
                    <div id="invoice-customer-details" class="row pt-2">
                        <div class="col-sm-6 col-12 text-left">
                            <h5>Sipariş Detayları</h5>
                            <div class="recipient-info my-2">
                                <p>Ödeme Yöntemi: {{$order->order->payment->name}}</p>
                                <p>Kargo: {{@$order->order->shipping->shipping_name}}</p>
                            </div>
                        </div>
                        <div class="col-sm-6 col-12 text-right">
                            <h5>Müşteri</h5>
                            <div class="row">
                            <div class="col-6">
                                <p>{{$order->name}}</p>
                                <p>{{$order->address}}</p>
                                <p>{{$order->district.'/'.$order->city.' '.$order->country}}</p>
                            </div>

                            <div class="col-6">
                            <div class="company-contact">
                                <p>
                                    <i class="feather icon-mail"></i>
                                    {{$order->order->email}}
                                </p>
                                <p>
                                    <i class="feather icon-phone"></i>
                                    {{$order->mobile_phone}}
                                </p>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    <!--/ Invoice Recipient Details -->

                    <!-- Invoice Items Details -->
                    <div id="invoice-items-details" class="pt-1 invoice-items-table">
                        <div class="row">
                            <div class="table-responsive col-12">
                                <table class="table table-borderless">
                                    <thead>
                                        <tr>
                                            <th>Ürün</th>
                                            <th>Ürün Kodu</th>
                                            <th>Adet</th>
                                            <th>Birim Fiyat</th>
                                            <th>Tutar</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($order->order->products as $product)
                                        <tr>
                                            <td> {{$product->product_name}}</td>
                                            <td>{{$product->product->stock_code}}</td>
                                            <td>{{$product->quantity}}</td>
                                            <td>{{number_format(round(($product->product_price / (($product->product->tax_id + 100)/100)),2),2)}}₺</td>
                                            <td>{{number_format(round(($product->product_total / (($product->product->tax_id + 100)/100)),2),2)}}₺</td>
                                        </tr>
                            @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div id="invoice-total-details" class="invoice-total-table">
                        <div class="row">
                            <div class="col-6 offset-6">
                                <div class="table-responsive">
                                    <table class="table table-borderless">
                                        <tbody>
                                            <tr>
                                                <th>Ürün Toplam</th>
                                                <td>{{$order->order->total_price}}₺</td>
                                            </tr>
                                            <tr>
                                                <th>KDV</th>
                                                <td>{{$order->order->total_tax}}₺</td>
                                            </tr>
                                            @foreach($order->order->totals as $total)
                                            <tr>
                                                <th>{{$total->name}}</th>
                                                <td>{{$total->price}}₺</td>
                                            </tr>
                                            @endforeach
                                            <tr>
                                                <th>Toplam</th>
                                                <td>{{$order->order->total_order}}₺</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

            </section>
            <!-- invoice page end  1cm = 37795px -->

        </div>
    </div>
</div>
<div id="invoice-temp" style="display: none;width: 2500px;height: 3508px;color: black;font-family: Arial, Helvetica">
<span style="position: absolute;display: inline-block;max-width:250px;top: 284.45px;left:75.59px;">
    <p style="text-transform: uppercase;color: black;font-family: Arial, Helvetica">{{$order->name}}</p>
    <p style="color: black;font-family: Arial, Helvetica">{{$order->address}}</p>
    <p style="color: black;font-family: Arial, Helvetica">{{$order->city}}/{{$order->district}}</p>
    <p style="color: black;font-family: Arial, Helvetica">{{$order->tax_dep}}  {{$order->tax_no}}</p>
</span>
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;display: inline-block;top: 358.95px;right:56.69px;">
        {{date('d.m.Y')}}
    </span>
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;display: inline-block;top: 396.49px;right:56.69px;">
        {{date('d.m.Y')}}
    </span>
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;display: inline-block;top: 434.19px;right:56.69px;">
                {{date('H:i')}}
    </span>
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;display: inline-block;top: 535.93px;right:37.79px;left: 0px">
        <table>
                   @foreach($order->order->products as $product)
            <tr>
                <td style="width: 610.33px;color: black;font-family: Arial, Helvetica;font-size: 17.5px;">{{$product->product->ean}} {{$product->product_name}}</td>
                <td style="padding-left: 106px;color: black;font-family: Arial, Helvetica">{{$product->quantity}}</td>
                <td style="padding-left: 99px;color: black;font-family: Arial, Helvetica">{{number_format(round(($product->product_price / (($product->product->tax_id + 100)/100)),2),2)}}</td>
                <td style="padding-left: 94.48px;color: black;font-family: Arial, Helvetica">{{number_format(round(($product->product_total / (($product->product->tax_id + 100)/100)),2),2)}}</td>
            </tr>
            @endforeach
        </table>
    </span>
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;top: 1150.38px;left:75.59px;">
        {{$yazsay}}
    </span>
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;display: inline-block;top: 1069px;right:56.69px;">
       Ara Toplam: {{$order->order->total_price}}
    </span>
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;display: inline-block;top: 1107px;right:56.69px;">
        KDV: {{$order->order->total_tax}}
    </span>
    @if(count($order->order->totals)>0)
    @foreach($order->order->totals as $k => $total)
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;display: inline-block;top: {{1107+(($k+1)*42)}}px;right:56.69px;">
        {{$total->name}}: {{$total->price}}
    </span>
    @endforeach
    @endif
    <span style="color:black;font-family:Arial, Helvetica;position: absolute;display: inline-block;top: {{count($order->order->totals)>0 ? (1107 + (($k+2)*42)) : '1149'}}px;right:56.69px;">
        Genel Toplam: {{$order->order->total_order}}
    </span>
</div>
@endsection
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/toastr.css')}}">
@endsection
@section('js')

    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/toastr.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/extensions/toastr.js')}}"></script>
    <!-- END: Page JS-->
    <script>
        function printDiv(divName) {
            var printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;

            document.body.innerHTML = printContents;

            window.print();

            document.body.innerHTML = originalContents;
        }
    </script>
@endsection