@extends('layouts.acc_layout')

@section('title', '| Add Rent Auto Voucher')

@section('stylesheets')
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <style>
        .panel .panel-body {
            color: #2c2e2f;
        }
        .table-custom {
            table-layout: fixed;
            width: 100% !important;
            border-collapse: collapse !important;
            border: 1px solid #2c2e2f !important;
        }
        .table-custom  th,td {
            border: 1px solid #c6c7cc;
            /* padding: 10px 15px; */
        }
        .table-custom th {
            font-weight: bold;
            text-align: center;
            padding: 5px 10px;
        }
    </style>
@endsection


@section('content')


<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10 fullbody">
        <div class="viewTitle" style="border-bottom: 1px solid white;"></div>
        <div class="panel panel-default panel-border">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel-heading">

                            @if(Auth::user()->branchId == 1)
                                <div class="panel-title col-md-6">View Rent Auto Voucher</div>
                            @else
                                <div class="panel-title col-md-6">Add Rent Auto Voucher</div>

                                <div class="text-right col-md-6">
                                    <a href="{{ url('rentAutoVoucherList') }}" class="btn btn-info btn-sm" style="margin-bottom: 0;">
                                        <i class="fa fa-list"></i> List
                                    </a>
                                </div>

                            @endif

                        </div>
                        <div class="panel-body">

                            <div class="row" style="padding: 20px 30px;">
                                <div class="col-md-12 text-center">
                                    <div style="font-weight: bold; font-size: 20px;">Project - {{ $rentVoucher->projectName}}</div>
                                    <div style="font-size: 16px;">Project Type - {{ $rentVoucher->projectTypeCode}} - {{ $rentVoucher->projectTypeName}}</div>
                                    <div style="font-size: 15px;">Branch - {{ $rentVoucher->branchCodeWith0}} - {{ $rentVoucher->branchName}}</div>
                                    <div style="font-size: 12px; color: #666;">Rent Month - {{ $rentMonth }}</div>
                                </div>
                            </div>

                            {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}


                            {{ Form::hidden("companyIdFk", $rentVoucher->companyIdFk) }}
                            {{ Form::hidden("projectIdFk", $rentVoucher->projectIdFk) }}
                            {{ Form::hidden("projectTypeIdFk", $rentVoucher->projectTypeIdFk) }}
                            {{ Form::hidden("rentTypeIdFk", $rentVoucher->rentTypeIdFk) }}
                            {{ Form::hidden("rentIdFk", $rentVoucher->rentIdFk) }}
                            {{ Form::hidden("branchIdFk", $rentVoucher->branchId) }}
                            {{ Form::hidden("rentMonth", $rentMonth) }}
                  
                            {{ Form::hidden("rentDebitLedgerCodeIdFk", $rentAutoVoucherConfig->rentDebitLedgerCodeIdFk) }}
                            {{ Form::hidden("rentLocalNarration", $rentAutoVoucherConfig->rentLocalNarration) }}
                            {{ Form::hidden("rentGlobalNarration", $rentAutoVoucherConfig->rentGlobalNarration) }}

                            @if($journalVoucherRequired)
                                {{ Form::hidden("rentAmount", ($rentVoucher->rentAmount - $adjustmentAmount)) }}
                            @else
                                {{ Form::hidden("rentAmount", $rentVoucher->rentAmount) }}
                            @endif
                            
                            

                            @if( ($rentVoucher->advanceAmount != 0) && ($rentVoucher->monthlyAdvanceDeductionRequired == 1) )
                                {{ Form::hidden("advanceAmount", $rentVoucher->advanceAmount) }}
                                {{ Form::hidden("monthlyAdvanceDeductionRequired", $rentVoucher->monthlyAdvanceDeductionRequired) }}

                                @if($journalVoucherRequired)
                                    {{ Form::hidden("monthlyAdvanceDeductionAmount", $adjustmentAmount) }}
                                @endif
                                
                                {{ Form::hidden("adjustmentDebitLedgerCodeIdFk", $rentAutoVoucherConfig->adjustmentDebitLedgerCodeIdFk) }}
                                {{ Form::hidden("adjustmentCreditLedgerCodeIdFk", $rentAutoVoucherConfig->adjustmentCreditLedgerCodeIdFk) }}
                                {{ Form::hidden("adjustmentGlobalNarration", $rentAutoVoucherConfig->adjustmentGlobalNarration) }}
                            @endif
                            
                           
                            <div class="row" style="padding: 20px 30px;">
                                <div class="col-md-12">
                                    <table class="table-custom">
                                        <thead>
                                            <tr>
                                                {{-- <th style="width: 33%;">Payment Type</th> --}}
                                                <th style="width: 33%;">Select Ledger</th>
                                            </tr>
                                        </thead>
                                        <td style="text-align:left">
                                            <select id="rentCreditLedgerCodeIdFk" name="rentCreditLedgerCodeIdFk" class="payment-type form-control" onchange="setSelectedOption(this)">
                                                <option value="">Select Ledger</option>
                                                @foreach($ledgers as $row)
                                                    <option value="{{$row->id}}">{{$row->code}} - {{$row->name}}</option>
                                                @endforeach
                                            </select>
                                        </td>                                        
                                    </table>
                                </div>
                            </div>
                            
                            <div id="getVoucherButton" class="form-group">
                                <div class="col-sm-12 text-center" style="padding-right: 30px;">
                                    @if(Auth::user()->branchId != 1)
                                        <button id="getVoucher" class="btn btn-info" type="button">Get Voucher</button>
                                    @else
                                        <button id="getVoucher" class="btn btn-info" type="button">View Voucher</button>
                                    @endif
                                </div>
                            </div>
                            
                        
                            @php
                                $rentDebitLedger = DB::table('acc_account_ledger')->where('id', $rentAutoVoucherConfig->rentDebitLedgerCodeIdFk)->selectRaw("CONCAT(code, ' - ', name) AS account")->value('account');
                                $adjustmentDebitLedger = DB::table('acc_account_ledger')->where('id', $rentAutoVoucherConfig->adjustmentDebitLedgerCodeIdFk)->selectRaw("CONCAT(code, ' - ', name) AS account")->value('account');
                                $adjustmentCreditLedger = DB::table('acc_account_ledger')->where('id', $rentAutoVoucherConfig->adjustmentCreditLedgerCodeIdFk)->selectRaw("CONCAT(code, ' - ', name) AS account")->value('account');
                            @endphp

                        

                            @if($journalVoucherRequired or $debitVoucherRequired)
                                <div class="showVoucher" style="display: none;">

                                    <div class="panel-body">

                                        <br>
                                        <div class="form-group">
                                            {!! Form::label('voucherDate', 'Voucher Date:', ['class' => 'col-sm-1 control-label']) !!}
                                            <div class="col-sm-2">
                                            {!! Form::text('voucherDate', date('d-m-Y', strtotime($voucherDate)), ['class' => 'form-control', 'style'=>'cursor:pointer', 'readonly'])!!}
                                            </div>
                                        </div> 
                                        <br>
                                    
                                        @if($journalVoucherRequired)
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label for="voucher_type_name">Journal Voucher</label>
                                                </div>
                                            </div>
                                
                                            <div class="row" style="margin-bottom: 25px;">
                                                <div class="col-md-12">
                                                    <table class="table table-condensed table-striped table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th style="width: 30%;">Dr Account</th>
                                                            <th style="width: 30%;">Cr Account</th>
                                                            <th style="width: 10%;">Amount</th>
                                                            <th style="width: 30%;">Narration</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                
                                                                
                                                                <td style="text-align:left !important;">{{$adjustmentDebitLedger}}</td>
                                                                <td style="text-align:left !important;">{{$adjustmentCreditLedger}}</td>
                                                                <td style="text-align:right !important;">{{ number_format($adjustmentAmount) }}</td>
                                                                <td style="text-align:center !important;">{{$rentMonth}}</td>
                                
                                                            </tr>
                                                    
                                                        </tbody>
                                                        <tfoot>
                                                        <tr>
                                                            <th colspan="2" style="text-align: right;">Total:</th>
                                                            <th style="text-align:right;">{{ number_format($adjustmentAmount) }}</th>
                                                            <th></th>
                                                        </tr>
                                                        </tfoot>
                                                    </table>
                                                </div>
                                            </div>

                                        @endif


                                        @if($debitVoucherRequired)

                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label for="voucher_type_name">Debit Voucher</label>
                                                </div>
                                            </div>
                                
                                            <div class="row" style="margin-bottom: 25px;">
                                                <div class="col-md-12">
                                                    <table class="table table-condensed table-striped table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th style="width: 30%;">Dr Account</th>
                                                            <th style="width: 30%;">Cr Account</th>
                                                            <th style="width: 10%;">Amount</th>
                                                            <th style="width: 30%;">Narration</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                
                                                                <td style="text-align:left !important;">{{$rentDebitLedger}}</td>
                                                                <td id="selectedOptionTd" style="text-align:left !important;"> </td>

                                                                @if($journalVoucherRequired)
                                                                    <td style="text-align:right !important;">{{ number_format($rentVoucher->rentAmount - $adjustmentAmount)}}</td>
                                                                @else
                                                                    <td style="text-align:right !important;">{{ number_format($rentVoucher->rentAmount)}}</td>
                                                                @endif

                                                                <td style="text-align:center !important;">{{$rentMonth}}</td>
                                
                                                            </tr>
                                                    
                                                        </tbody>
                                                        <tfoot>
                                                        <tr>
                                                            <th colspan="2" style="text-align: right;">Total:</th>

                                                            @if($journalVoucherRequired)
                                                                <th style="text-align:right;">{{ number_format($rentVoucher->rentAmount - $adjustmentAmount)}}</th>
                                                            @else
                                                                <th style="text-align:right;">{{ number_format($rentVoucher->rentAmount)}}</th>
                                                            @endif

                                                            <th></th>

                                                        </tr>
                                                        </tfoot>
                                                    </table>
                                                </div>
                                            </div>
                                        @endif

                                    </div>
                                    
                                    <div class="form-group">
                                        <div class="col-sm-12 text-center" style="padding-right: 30px;">
                                            {!! Form::submit('Save', ['id' => 'saveButton', 'class' => 'btn btn-info']) !!}
                                            @if(Auth::user()->branchId != 1)
                                                {!! Form::submit('Save', ['id' => 'saveButton', 'class' => 'btn btn-info']) !!}
                                            @endif
                                          
                                        </div>
                                    </div>
                                    
                                </div>
                            @else

                                <div class="row" style="padding: 20px 30px;">
                                    <div class="col-md-12 text-center">
                                        <div style="font-weight: bold; font-size: 20px;"> No Voucher To Make !</div>
                                    </div>
                                </div>

                            @endif

                        
                        {!! Form::close() !!}
                            
                            
                        </div>
                        </div>
                        </div>
                        {{-- ./panel-body --}}
                    </div>
                    {{-- ./col-md-12 --}}
                </div>
                {{-- .row --}}
            </div>
            {{-- ./panel-body --}}
        </div>
        {{-- ./panel --}}
    </div>
    {{-- ./col-md-10 --}}
    <div class="col-md-1"></div>
</div>






<script>

    function setSelectedOption(selectElement) {
        var selectedOption = selectElement.options[selectElement.selectedIndex];
        var tdElement = document.getElementById("selectedOptionTd");
        tdElement.textContent = selectedOption.text;
    }


     $(document).ready(function() {

        $('#getVoucher').click(function() {
            // Check if the dropdown has a selected value
            if ($('#rentCreditLedgerCodeIdFk').val() === '') {
                alert('Please select a ledger.');
                return;
            }

            // Remove the "Select Ledger" option
            $('#rentCreditLedgerCodeIdFk option[value=""]').remove();

            // Hide the getVoucherButton div
            $('#getVoucherButton').hide();

            // Continue with showing the voucher
            $('.showVoucher').show();
        });

     
        $('#saveButton').click(function(event) {
            event.preventDefault();
            
            $("#saveButton").prop('disabled',true);
            
            $.ajax({
                type: 'post',
                url: "{{ url('storeRentVoucher/') }}",
                data: $('form').serialize(),
                dataType: 'json',
                success: function(data) {
                        if (data.errors) {

                        } else {
                            if(data.responseTitle == "Success!"){
                                toastr.success(data.responseText, data.responseTitle, opts);
                                setTimeout(function(){
                                    window.location.href =
                                    "{{ url('rentAutoVoucherList/') }}";
                                }, 2000);
                            }else{
                                toastr.warning(data.responseText, data.responseTitle, opts);
                            }
                        }
                    },
                error: function(data) {
                    // Handle error
                    alert("An error occurred.");
                }
            });
        });

    });

</script>

@endsection