@extends('admin.layout.app')
@section('title','Sales Invoice')
@push('headerscript')
    <style>
        .table-without-border > tbody > tr > td {
            padding: 0px !important;
            line-height: 1.5;
            vertical-align: top;
        }

        .table-invoice {
            border: none;
            border-collapse: collapse;
        }

        .table-invoice > tbody > tr > td {
            border-left: 1px solid #000;
            border-right: 1px solid #000;
        }

        .table-invoice td:first-child {
            border-left: none;
        }

        .table-invoice td:last-child {
            border-right: none;
        }

        .detail-text {
            color: black;
            font-size: 14px;
            font-weight: bold;
        }

        .detail-text1 {
            color: black;
            font-size: 14px;
            padding-left: 5px;
        }
    </style>
@endpush
@section('content')
    <div class="content" style="color: black">
        <div class="container">
            <div class="row">
                <div class="col-xs-6">
                    <h4 class="page-title">Sales Invoice</h4>
                </div>
                <div class="col-xs-6 text-right">
                    <ol class="breadcrumb">
                        <li>
                            <a href="{{route('sales-invoice.index')}}">List</a>
                        </li>
                        <li>
                            <a href="{{route('sales-invoice.edit', $sales_invoice->id)}}">Edit</a>
                        </li>
                        <li>
                            <a href="{{route('salesInvoicePdfView', $sales_invoice->id)}}"
                               target="_blank"
                               class="btn btn-inverse waves-effect waves-light"><i
                                    class="fa fa-print"></i></a>
                        </li>
                        <li>
                            <button onclick="sendEmail({{$sales_invoice->id}}, 'sales-invoice','{{ $sales_invoice->customer ? $sales_invoice->customer->email : '' }}'
                                )" title="send email"
                                    class="btn btn-danger waves-effect waves-light"><i class="fa fa-envelope"></i>
                            </button>
                        </li>
                        <li>
                            <button
                                onclick="whatsapp('{{ $sales_invoice->customer ? $sales_invoice->customer->contact_number : '' }}')"
                                title="whatsapp" class="btn btn-success waves-effect waves-light">
                                <i class="fa fa-whatsapp"></i>
                            </button>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="">
                                        <p>
                                            <img src="{{url("storage/".Helper::getBusinessData()->logo_image)}}"
                                                 alt="logo" width="150">
                                        </p>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="text-center">
                                        <h2 class="text-black">{{Helper::getBusinessData()->business_name}}</h2>
                                        <h4 class="text-black">{{Helper::getBusinessData()->address}}</h4>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="m-h-50"></div>
                            <div class="row m-auto">
                                <div class="col-md-3 col-xs-4 col-xs-offset-4">
                                    <h3 class="m-0">INVOICE</h3>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <h4 style="color:white;font-weight: bold;background-color: red;padding: 5px 10px;">
                                        Bill To Retail Customer</h4>
                                    <div class="table-responsive">
                                        <table class="table-without-border">

                                            <tbody>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Name</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $sales_invoice->customer->name}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Invoice #</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$sales_invoice->bill_no}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Contact</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$sales_invoice->customer->contact_number}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Invoice Date</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{date('d-m-Y', strtotime($sales_invoice->bill_date))}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Email</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$sales_invoice->customer->email}}</span>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">TRN</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$sales_invoice->customer->trn}}</span>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table table-invoice">
                                            <thead>
                                            <tr style="background-color: red;color: white;">
                                                <th style="width: 2%">#</th>
                                                <th style="width: 50%">Description
                                                </th>
                                                <th style="width: 5%">Unit Price
                                                </th>
                                                <th style="width: 5%">Qty.
                                                </th>
                                                <th style="width: 5%">Amount
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                                                                        @foreach($sales_invoice->salesInvoiceDetails as $sales_invoice_detail)
                                                <tr>
                                                    <td>{{$i}}</td>
                                                    <td>
                                                        {{$sales_invoice_detail->sparePart->part_description}}
                                                    </td>
                                                    <td>
                                                        {{$sales_invoice_detail->selling_price}}
                                                    </td>
                                                    <td>
                                                        {{$sales_invoice_detail->quantity}}
                                                    </td>
                                                    <td>
                                                        {{$sales_invoice_detail->selling_price * $sales_invoice_detail->quantity}}
                                                    </td>
                                                </tr>
                                                                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row m-t-50">
                                <div class="col-md-8 col-sm-7 col-xs-6 ">
                                </div>
                                <div class="col-md-4 col-sm-5 col-xs-6 ">
                                    <table class="table table-bordered table-amount text-right m-0">
                                        <tbody>
                                        <tr>
                                            <td>Subtotal</td>
                                            <td>{{$sales_invoice->gross_amount + $sales_invoice->total_discount}}</td>
                                        </tr>
                                        <tr>
                                            <td>Discount</td>
                                            <td>{{$sales_invoice->total_discount}}</td>
                                        </tr>
                                        <tr>
                                            <td>Total</td>
                                            <td>{{$sales_invoice->gross_amount}}</td>
                                        </tr>
                                        <tr>
                                            <td>5% VAT</td>
                                            <td>{{$sales_invoice->total_vat}}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Net Amount</strong></td>
                                            <td><strong>{{$sales_invoice->net_amount}}</strong></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row m-t-50">
                                <div class="col-md-8 col-sm-7  col-xs-12 col-xs-offset-1">
                                    <p>....................</p>
                                    <p class="m-t-0 p-t-0 ">Signature</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('admin.advisor.models.sendMail')
    @include('admin.advisor.models.whatsapp')
@endsection
@push('footerscript')
    <script>
        $(window).load(function () {
            $('#pdf_button').find('i').trigger('click');
        });

        function sendEmail(id, inspection, email) {
            $('#uid').val(id);
            $('#type').val(inspection);
            $('#email').val(email);
            $('#email-pdf-modal').modal('show');
        }

        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        function whatsapp(mobile) {
            $('#whatsapp_no').val(mobile);
            $('#whatsapp-pdf-modal').modal('show');
        }
    </script>
@endpush