@extends('admin.master')
@section('title','Stock Transfer Details')
@section('page_css')
    <style>
        @media print {
            body {
                height: auto;
                font-size: 18pt; /* changing to 10pt has no impact */
            }

            .non-printable {
                display: none;
            }

            .printable {
                display: block;
            }
        }
    </style>
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row bg-title">
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
                <ol class="breadcrumb">
                    <li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i>
                            Dashboard</a></li>
                    <li>@yield('title')</li>
                </ol>
            </div>
            <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
                <a href="{{ route('stock_transfer.create') }}"
                   class="btn btn-success pull-right m-l-20 hidden-xs hidden-sm waves-effect waves-light"> <i
                        class="fa fa-plus-circle" aria-hidden="true"></i> Add New</a>
            </div>
        </div>


        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <i class="mdi mdi-table fa-fw"></i> @yield('title')
                        <button type="button" class="btn btn-success btn-flat btn-sm pull-right non-printable"
                                onclick="printDiv('printableArea')"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>
                            Print PDF
                        </button>
                    </div>
                    <div class="panel-wrapper collapse in" aria-expanded="true">
                        <div class="panel-body" id="printableArea">
                            <div class="box-content">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="well well-sm">
                                            <div class="row">
                                                <div class="col-xs-4 border-right">
                                                    <h3>From
                                                        Warehouse: @if(isset($data->fromWarehouse)) {{ $data->fromWarehouse->name }} @endif</h3>
                                                </div>

                                                <div class="col-xs-4">

                                                    <h3>To
                                                        Warehouse: @if(isset($data->toWarehouse)) {{ $data->toWarehouse->name }} @endif</h3>

                                                </div>

                                                <div class="col-xs-4">
                                                    <h3>Date: {{ $data->date }} </h3>

                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>

                                        <div class="table-responsive">
                                            <table
                                                class="table table-bordered table-hover table-striped print-table order-table">
                                                <thead>
                                                <tr>
                                                    <th>SL No.</th>
                                                    <th>Product</th>
                                                    <th style="text-align:right;">Product Cost</th>
                                                    <th style="text-align:right;">Quantity</th>
                                                    <th style="text-align:right;">Sub Total</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php $sl=0;$totalProductCost=0; @endphp
                                                @foreach($data->stockTransferDetails as $transfer_details )
                                                    @php $sl++;
                                                        if(isset($transfer_details->product))
                                                            {
                                                           $totalProductCost= $totalProductCost+$transfer_details->product->product_cost * $transfer_details->transfer_quantity;

                                                           }

                                                    @endphp
                                                    <tr>
                                                        <td style="text-align:center; width: 60px;vertical-align:middle;">{{ $sl }}</td>
                                                        <td style="vertical-align:middle;">
                                                            @if(isset($transfer_details->product)) {{ $transfer_details->product->name ." ". $transfer_details->product->code}}   @endif
                                                            @if(isset($transfer_details->productVariant->variant)) {{ $transfer_details->productVariant->variant->variant_name }}   @endif
                                                        </td>
                                                        <td style="text-align:right;">
                                                            @if(isset($transfer_details->product)) {{ $transfer_details->product->product_cost }}   @endif
                                                        </td>

                                                        <td style="width: 120px; text-align:right; vertical-align:middle;">{{ $transfer_details->transfer_quantity }}</td>
                                                        <td style="text-align:right;">
                                                            @if(isset($transfer_details->product)) {{ $transfer_details->product->product_cost* $transfer_details->transfer_quantity }}   @endif
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                                <tfoot>
                                                <tr>
                                                    <td colspan="3" style="text-align:right; font-weight:bold;">Total</td>
                                                    <td style="text-align:right; padding-right:10px; font-weight:bold;">
                                                        {{ $data->total_transfer_quantity }}
                                                    </td>
                                                    <td style="text-align:right; padding-right:10px; font-weight:bold;">
                                                        {{ $totalProductCost }}
                                                    </td>
                                                </tr>
                                                </tfoot>
                                            </table>

                                        </div>


                                    </div>
                                </div>


                                {{ Form::close() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('page_scripts')
    <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;
        }

        window.onafterprint = function () {
            console.log("Printing completed...");
            location.reload();
        }
    </script>
@endsection