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

        .table-bordered > thead > tr > th {
            padding: 10px !important;
            line-height: 1.5;
            vertical-align: top;
            border: 1px solid black;
        }

        .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-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Journal Voucher</h4>
                        <div class="pull-right" id="pdf_button">
                            <a href="{{route('journalVoucherPdfView', $journal_voucher->id)}}"
                               target="_blank"
                               class="btn btn-inverse waves-effect waves-light"><i
                                    class="fa fa-print"></i></a>
                        </div>
                        <ol class="breadcrumb p-0 m-0 m-l-15 pull-left" style="margin-top: 2px !important;">
                            <li>
                                <a href="{{route('journal-voucher.index')}}">List</a>
                            </li>
                            <li>
                                <a href="{{route('journal-voucher.edit', $journal_voucher->id)}}">Edit</a>
                            </li>
                        </ol>
                        <div class="clearfix"></div>
                    </div>
                </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-5">
                                    <h3 class="m-0">JOURNAL VOUCHER</h3>
                                </div>
                            </div>
                            <div class="row m-t-10">
                                <div class="col-md-12 col-xs-12">
                                    <div class="table-responsive">
                                        <table class="table-bordered table-amount" style="width: 100%;">
                                            <tbody>
                                            <tr class="m-t-5">
                                                <td style="width: 20%">
                                                    <span class="detail-text">Voucher No</span>
                                                </td>
                                                <td style="width: 70%;">
                                                    <span class="detail-text1">{{ $journal_voucher->voucher_no}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Date</span>
                                                </td>
                                                <td>
                                                    <span
                                                        class="detail-text1">{{date('d-m-Y', strtotime($journal_voucher->voucher_date))}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td colspan="2">
                                                    <span
                                                        class="detail-text">Description : {{$journal_voucher->description}}</span>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="row m-t-40">
                                <div class="col-md-12 col-xs-12">
                                    <div class="table-responsive">
                                        <table class="table-bordered table-amount" style="width: 100%;">
                                            <thead>
                                            <tr>
                                                <th style="width: 20%">Voucher Type</th>
                                                <th style="width: 20%">Account Name</th>
                                                <th style="width: 20%">Remarks</th>
                                                <th style="width: 15%">Credit</th>
                                                <th style="width: 15%">Debit</th>
                                                <th style="width: 20%">Invoice No.</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                                                                        @foreach($journal_voucher->journalVoucherDetails as $journal_voucher_detail )
                                                <tr class="m-t-5">
                                                    <td>
                                                        <span
                                                            class="detail-text">{{$journal_voucher_detail->voucher_type}}</span>
                                                    </td>
                                                    <td>
                                                        <span
                                                            class="detail-text">{{$journal_voucher_detail->accountLedger->account_name}}</span>
                                                    </td>
                                                    <td>
                                                        <span
                                                            class="detail-text">{{$journal_voucher_detail->remark}}</span>
                                                    </td>
                                                    <td>
                                                        <span
                                                            class="detail-text">{{$journal_voucher_detail->credit}}</span>
                                                    </td>
                                                    <td>
                                                        <span
                                                            class="detail-text">{{$journal_voucher_detail->debit}}</span>
                                                    </td>
                                                    <td>
                                                        <span
                                                            class="detail-text">{{$journal_voucher_detail->invoice_no}}</span>
                                                    </td>
                                                </tr>
                                                                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="row m-t-40">
                                <div class="col-xs-4 col-xs-offset-7">
                                    <table class="table table-bordered table-amount m-0">
                                        <tbody>
                                        <tr>
                                            <td>Total Credit</td>
                                            <td>{{$total_credit}}</td>
                                        </tr>
                                        <tr>
                                            <td>Total Debit</td>
                                            <td>{{$total_debit}}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endsection
            @push('footerscript')
                <script>
                    $(window).load(function () {
                        $('#pdf_button').find('i').trigger('click');
                    });
                </script>
    @endpush