@extends('layouts.master')
@section('main-content')
    @section('page-css')
        <link rel="stylesheet" href="{{asset('assets/styles/vendor/nprogress.css')}}">

    @endsection

    <div class="breadcrumb">
        <h1>{{ __('translate.Details_Purchase') }}</h1>
    </div>

    <div class="separator-breadcrumb border-top"></div>


    <div class="row" id="section_purchase_detail">
        <div class="col-md-12 mb-5">

            @if($purchase['fakturownia_id'])
                {{--                <a @click="purchase_Email(purchase.id)" class="btn-sm btn btn-info ripple btn-icon m-1">--}}
                {{--                    <i class="i-Envelope-2"></i>--}}
                {{--                    {{ __('translate.Send_Email') }}--}}
                {{--                </a>--}}
                <div class="row">
                    <div class="col-12 justify-content-center text-center m-auto">
                        <a onclick="printDiv()" class="btn-sm btn btn-warning ripple btn-icon m-1 no-print">
                            <i class="i-Billing"></i>
                            {{ __('translate.Print_Purchase') }}

                        </a>
                        @if($purchase['fakturownia_id']&& $purchase['send']==0)
                            <a @click="purchase_Order_send(purchase.id)"
                               class="btn-sm btn btn-success ripple btn-icon m-1">
                                <i class="i-Mail-Send"></i>
                                {{ __('translate.order_send') }}
                            </a>
                        @endif
                    </div>
                </div>
            @else
                <div class="row">
                    <div class="col-12 text-center">
                        @if(!Auth::user()->hasRole('Filia'))
                            <div class="text-danger">Zamówienie nie zostało zakończone. Aby ukończyć naciśnij przycisk "Zamów"
                            </div>
                        @else
                            <div class="text-danger">Zamówienie zostało złożone i czeka na finalizację przez
                                właściciela.
                            </div>
                        @endif
                    </div>
                    <div class="col-12 justify-content-center text-center m-auto">
                        @if(!Auth::user()->hasRole('Filia'))
                            <a @click="purchase_Order(purchase.id)" class="btn-sm btn btn-success ripple btn-icon m-1">
                                <i class="i-Empty-Box"></i>
                                {{ __('translate.Zamow') }}
                            </a>
                            @if($purchase['fakturownia_id'] && $purchase->send == 0)
                                <a @click="purchase_Order_send(purchase.id)"
                                   class="btn-sm btn btn-success ripple btn-icon m-1">
                                    <i class="i-Mail-Send"></i>
                                    {{ __('translate.order_send') }}
                                </a>
                            @endif
                        @endif
                        @can('purchases_edit')
                            <a v-if="purchase.purchase_has_return == 'no'" class="btn-sm btn btn-info btn-icon m-1"
                               @click="openEdit(purchase.id)"
                               :href="'/purchase/purchases/'+purchase.id+'/edit'">
                                <i class="i-Edit"></i>
                                <span>{{ __('translate.Edit_Purchase') }}</span>
                            </a>
                        @endcan

                        @can('purchases_delete')
                            <a v-if="purchase.purchase_has_return == 'no'" @click="Delete_Purchase(purchase.id)"
                               class="btn btn-danger btn-icon icon-left btn-sm m-1">
                                <i class="i-Close-Window"></i>
                                {{ __('translate.Delete_Purchase') }}
                            </a>
                        @endcan
                    </div>
                </div>
            @endif
            <hr>

            <div class="invoice" id="print_Invoice">
                <div class="invoice-print">
                    <div class="row mt-5">
                        <div class="col-md-4 mb-4">
                            <h5 class="font-weight-bold">{{ __('translate.Supplier_Info') }}</h5>
                            <div>@{{purchase.supplier_name}}</div>
                            <div>@{{purchase.supplier_email}}</div>
                            <div>@{{purchase.supplier_phone}}</div>
                            <div>@{{purchase.supplier_adr}}</div>
                        </div>
                        <div class="col-md-4 mb-4">
                            <h5 class="font-weight-bold">{{ __('translate.Company_Info') }}</h5>
                            <div>@{{company.CompanyName}}</div>
                            <div>@{{company.email}}</div>
                            <div>@{{company.CompanyPhone}}</div>
                            <div>@{{company.CompanyAdress}}</div>
                        </div>
                        <div class="col-md-4 mb-4">
                            <h5 class="font-weight-bold">{{ __('translate.Purchase_Info') }}</h5>
                            <div>{{ __('translate.Reference') }} : @{{purchase.Ref}}</div>
                            {{--            <div>--}}
                            {{--              {{ __('translate.Payment_Status') }} :--}}
                            {{--              <span v-if="purchase.payment_status  == 'paid'"--}}
                            {{--                class="badge badge-outline-success">{{ __('translate.Paid') }}</span>--}}
                            {{--              <span v-else-if="purchase.payment_status  == 'partial'"--}}
                            {{--                class="badge badge-outline-info">{{ __('translate.Partial') }}</span>--}}
                            {{--              <span v-else class="badge badge-outline-warning">{{ __('translate.Unpaid') }}</span>--}}
                            {{--            </div>--}}
                            <div>{{ __('translate.date') }} : @{{purchase.date}}</div>
                            <div>{{ __('translate.warehouse') }} : @{{purchase.warehouse}}</div>
                        </div>

                    </div>
                    <div class="row mt-3">
                        <div class="col-md-12">
                            <h5 class="font-weight-bold">{{ __('translate.Order_Summary') }}</h5>
                            <div class="table-responsive">
                                <table class="table table-hover table-md">
                                    <thead class="bg-gray-300">
                                    <tr>
                                        <th scope="col">{{ __('translate.Product_Name') }}</th>
                                        <th scope="col">{{ __('translate.Quantity') }}</th>
                                        <th scope="col">{{ __('translate.Unit_cost') }}</th>
                                        <th scope="col">{{ __('translate.SubTotal') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr v-for="detail in details">
                                        <td><span>@{{detail.code}} (@{{detail.name}})</span>
                                            <p v-show="detail.is_imei && detail.imei_number !==null ">IMEI_SN :
                                                @{{detail.imei_number}}
                                            </p>
                                        </td>
                                        <td>@{{formatNumber(detail.quantity,2)}} @{{detail.unit_purchase}}</td>
                                        <td>@{{formatNumber(detail.cost,2)}}</td>
                                        <td>@{{detail.total.toFixed(2)}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="offset-md-9 col-md-3 mt-4">
                            <table class="table table-striped table-sm">
                                <tbody>

                                <tr>
                                    <td>
                                        <span class="font-weight-bold">{{ __('translate.Total') }}</span>
                                    </td>
                                    <td>
                                        <span class="font-weight-bold">@{{purchase.GrandTotal}}</span>
                                    </td>
                                </tr>


                                </tbody>
                            </table>
                        </div>
                    </div>
                    <hr v-show="purchase.note">
                    <div class="row mt-4">
                        <div class="col-md-12">
                            <p>@{{purchase.note}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('page-js')

    <script src="{{asset('assets/js/nprogress.js')}}"></script>


    <script>
        function printDiv() {
            var printContents = document.getElementById('print_Invoice').outerHTML;
            var printWindow = window.open('', '_blank', 'width=600,height=600');

            printWindow.document.open();
            printWindow.document.write('<html><head><title>Print</title>');
            printWindow.document.write(
                '<link rel="stylesheet"  href="/assets_setup/css/bootstrap.css"><html>'
            );
            printWindow.document.write('</head><body>');
            printWindow.document.write(printContents);
            printWindow.document.write('</body></html>');
            printWindow.document.close();
            setTimeout(() => {
                printWindow.print();
            }, 1000);
        }
    </script>


    <script>

        var app = new Vue({
            el: '#section_purchase_detail',
            data: {
                id: @json($id),
                sendEmail: @json($sendEmail),
                invoiceData: @json($invoiceData),
                editmode: false,
                SubmitProcessing: false,
                purchase: @json($purchase),
                details: @json($details),
                company: @json($company),
                buyerNote: @json($buyerNote),
                department_id: @json($department_id ?? null),
                department_name: @json($department_name ?? 'Slots Poland sp. z o.o.'),
                email: {
                    to: "",
                    subject: "",
                    message: "",
                    supplier_name: "",
                    Purchase_Ref: ""
                }
            },

            methods: {


                //-----------------------------------Print_Purchase_PDF -------------------------\\
                Print_Purchase_PDF(id) {
                    // Start the progress bar.
                    NProgress.start();
                    NProgress.set(0.1);
                    axios
                        .get('/Purchase_PDF/' + id, {
                            responseType: "blob", // important
                            headers: {
                                "Content-Type": "application/json"
                            }
                        })
                        .then(response => {
                            const url = window.URL.createObjectURL(new Blob([response.data]));
                            const link = document.createElement("a");
                            link.href = url;
                            link.setAttribute("download", "purchase_" + this.purchase.Ref + ".pdf");
                            document.body.appendChild(link);
                            link.click();
                            // Complete the animation of the  progress bar.
                            setTimeout(() => NProgress.done(), 500);
                        })
                        .catch(() => {
                            // Complete the animation of the  progress bar.
                            setTimeout(() => NProgress.done(), 500);
                        });
                },


                //---------SMS notification
                Purchase_SMS(id) {
                    // Start the progress bar.
                    NProgress.start();
                    NProgress.set(0.1);
                    axios
                        .post("/purchase_send_sms", {
                            id: id,
                        })
                        .then(response => {
                            // Complete the animation of the  progress bar.
                            setTimeout(() => NProgress.done(), 500);
                            toastr.success('{{ __('translate.sent_in_successfully') }}');
                        })
                        .catch(error => {
                            // Complete the animation of the  progress bar.
                            setTimeout(() => NProgress.done(), 500);
                            toastr.error('{{ __('translate.There_was_something_wronge') }}');
                        });
                },

                //------------------------------Formetted Numbers -------------------------\\
                formatNumber(number, dec) {
                    const value = (typeof number === "string"
                            ? number
                            : number.toString()
                    ).split(".");
                    if (dec <= 0) return value[0];
                    let formated = value[1] || "";
                    if (formated.length > dec)
                        return `${value[0]}.${formated.substr(0, dec)}`;
                    while (formated.length < dec) formated += "0";
                    return `${value[0]}.${formated}`;
                },

                openEdit(id) {
                    window.location.href = '/purchase/purchases/' + purchase.id + '/edit';
                },

                purchase_Order_send(id) {
                    NProgress.start();
                    axios
                        .post("/purchase/" + id + "/send_order", {})
                        .then(response => {
                            axios.post("https://bwcoders.fakturownia.pl/invoices/" + response.data.id + "/send_by_email.json?api_token=5YN1T5vOVgDEgju3pDjw")
                            NProgress.done();
                            this.SubmitProcessing = false;
                            toastr.success('{{ __('translate.Created_in_successfully') }}');
                            window.location.href = '/purchase/purchases';
                        });
                },
                purchase_Order(id) {
                    const dep = this.department_id;
                    const idP = this.purchase.id;
                    let positions = [];
                    this.details.forEach(el => {
                        if (el.quantity > 0) {
                            positions.push({
                                "name": el.name + ' ' + el.code,
                                "tax": 0,
                                "total_price_gross": parseFloat(el.Net_cost) * parseInt(el.quantity),
                                "quantity": el.quantity
                            })
                        }
                    });
                    let json_params = {
                        "api_token": "5YN1T5vOVgDEgju3pDjw",
                        "invoice": {
                            "kind": "vat",
                            "number": null,
                            "sell_date": "{{now()->format('Y-m-d')}}",
                            "issue_date": "{{now()->format('Y-m-d')}}",
                            "payment_to": "{{now()->addDays(10)->format('Y-m-d')}}",
                            "buyer_name": this.invoiceData.name,
                            "buyer_tax_no": this.invoiceData.nip,
                            "buyer_city": this.invoiceData.city,
                            "buyer_country": this.invoiceData.country,
                            "buyer_email": this.sendEmail,
                            "buyer_post_code": this.invoiceData.zip,
                            "buyer_phone": this.invoiceData.mobile,
                            "buyer_street": this.invoiceData.street,
                            "buyer_note": this.buyerNote,
                            "department_id": dep ?? null,
                            "seller_name": this.department_name,
                            "seller_tax_no": "5272932950",
                            "seller_city": "Kraków",
                            "seller_country": "Polska",
                            "seller_email": "info@slotspoland.pl",
                            "seller_post_code": "31-532",
                            "seller_phone": "+48 794 375 109",
                            "seller_street": "Karola Chodkiewicza 9 / 4",
                            "positions": positions,
                            "email_to": this.sendEmail
                        }
                    }
                    let endpoint = 'https://bwcoders.fakturownia.pl/invoices.json'

                    $.ajax({
                        type: "POST",
                        url: endpoint,
                        data: json_params,
                        dataType: 'json',
                        success: function (data) {


                            console.log(data);
                            // .post("/purchase/"+id+"/edit_number", {});

                            axios
                                .post(`/purchase/${idP}/edit_number`, {
                                    number: data['number'],
                                    ref: '-',
                                    id: data['id']
                                })
                                .then(response => {
                                    //axios.post("https://bwcoders.fakturownia.pl/invoices/" + data['id'] + "/send_by_email.json?api_token=5YN1T5vOVgDEgju3pDjw")
                                    NProgress.done();
                                    this.SubmitProcessing = false;
                                    toastr.success('{{ __('translate.Created_in_successfully') }}');
                                    window.location.href = '/purchase/purchases';
                                });
                            console.log('invoice created! ' + data['number']);

                        },
                        error: function (err) {
                            console.log(err);
                            NProgress.done();
                            this.SubmitProcessing = false;
                            toastr.error(err.responseJSON.message);
                            //   window.location.href = '/purchase/purchases';
                        }
                    });
                },
                //---------------------------------------------------- Purchase Email -------------------------------\\
                purchase_Email(purchase) {
                    this.email.to = this.purchase.supplier_email;
                    this.email.Purchase_Ref = this.purchase.Ref;
                    this.email.supplier_name = this.purchase.supplier_name;
                    this.Send_Email();
                },

                Send_Email(id) {
                    // Start the progress bar.
                    NProgress.start();
                    NProgress.set(0.1);
                    axios
                        .post("/purchase/purchases/send/email", {
                            id: id,
                            to: this.email.to,
                            supplier_name: this.email.supplier_name,
                            Ref: this.email.Purchase_Ref
                        })
                        .then(response => {
                            // Complete the animation of the  progress bar.
                            setTimeout(() => NProgress.done(), 500);
                            toastr.success('{{ __('translate.sent_in_successfully') }}');
                        })
                        .catch(error => {
                            // Complete the animation of the  progress bar.
                            setTimeout(() => NProgress.done(), 500);
                            toastr.error('{{ __('translate.There_was_something_wronge') }}');
                        });
                },


                //--------------------------------- Delete_Purchase ---------------------------\\
                Delete_Purchase(id) {
                    swal({
                        title: '{{ __('translate.Are_you_sure') }}',
                        text: '{{ __('translate.You_wont_be_able_to_revert_this') }}',
                        type: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#0CC27E',
                        cancelButtonColor: '#FF586B',
                        confirmButtonText: '{{ __('translate.Yes_delete_it') }}',
                        cancelButtonText: '{{ __('translate.No_cancel') }}',
                        confirmButtonClass: 'btn btn-primary me-5',
                        cancelButtonClass: 'btn btn-danger',
                        buttonsStyling: false
                    }).then(function () {
                        axios
                            .delete("/purchase/purchases/" + id)
                            .then(() => {
                                toastr.success('{{ __('translate.Deleted_in_successfully') }}');
                                window.location.href = '/purchase/purchases';
                            })
                            .catch(() => {
                                toastr.error('{{ __('translate.There_was_something_wronge') }}');
                            });
                    });
                },
            },


            //-----------------------------Autoload function-------------------
            created() {
                console.log(this.sendEmail);
                console.log(this.purchase);
                if (!this.purchase.fakturownia_id) {
                    this.purchase_Order();
                }
            }

        })

    </script>

@endsection