@extends('layouts/acc_layout')
@section('title', '| Bank Account Signatory')
@section('content')
@include('successMsg')


<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-1"></div>
        <div class="col-md-10 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{{url('bankAcRegister/bankAcRegisterListFiltering/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>View Bnak Account List</a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">Bank Account Signatory Configuration</div>
                </div>
                {!! Form::open(array('url' => '#', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                
                <div class="panel-body">
                    <div class="row">  

                        @if(!$presentSignatories)

                            <div class="col-md-5">
                                <div class="form-group">
                                    {!! Form::label('effectiveDate', 'Effective Date:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-6">
                                        {!! Form::text('effectiveDate', null, ['class'=>'form-control input-sm readonly', 'type' => 'text']) !!}
                                        <p id='effectiveDatee' style="max-height:3px;"></p>
                                    </div>
                                </div>
                            </div>
                        
                            {!! Form::hidden('bankAcId', $bankAcId, ['id'=>'bankAcId']) !!}

                            <table class="table table-bordered table-striped table-condensed">

                                <thead>
                                    <th style="width: 5%;">SL#</th>
                                    <th>Signatory</th>
                                    <th style="width: 11%;">Action</th>
                                </thead>

                                <tbody class="appendStepsTr" id="dynamic_field">
                                    <tr class="toClone">
                                                                                <td class="tdSl">
                                            {{ ++$no }}
                                        </td>

                                        <td>
                                            <select class="form-control signatory" name="signatory[]">
                                                <option>Select Signatory</option>
                                                @foreach ($employeeOptions as $employeeId => $employeeName)
                                                    <option value="{{ $employeeId }}">{{ $employeeName }}</option>
                                                @endforeach
                                            </select>                                        
                                        </td>

                                        <td>
                                            <button type="button" name="add" class="btn btn-success btn_add" style="background-color: #28A745;">+</button>
                                            <button type="button" name="remove" class="btn btn-danger btn_remove" style="background-color: #AB2D32">x</button>
                                        </td>
                                    </tr>
                                    
                                </tbody>

                            </table><br><br>


                            <div class="form-group">
                                {!! Form::label('submit', ' ', ['class' => 'col-sm-5 control-label']) !!}
                                <div class="col-sm-5">
                                    {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                    <a href="{{ url('bankAcRegister/bankAcRegisterListFiltering') }}"
                                        class="btn btn-danger closeBtn">Close</a>
                                    <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                                </div>
                            </div> 
                        
                        

                        @else

                            {{-- ------------------------------------------ Approval pending part ----------------------------------------------------- --}}

                            <div class="panel-subtitle" style="padding: 14px;"><h4 style="margin: 0;">Approval Pending:</h4></div>
                            <br>
                
                            @foreach ($presentInfos as $presentInfo)

                                <div class="col-md-5">
                                    <div class="form-group">
                                        {!! Form::label('previousEffectiveDate', 'Effective Date:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="input-group">
                                                        {!! Form::text('previousEffectiveDate', date('d-m-Y', strtotime($presentInfo['effectiveDate'])), ['class' => 'form-control input-sm readonly', 'type' => 'text', 'readonly']) !!}
                                                    </div>
                                                </div>

                                                {!! Form::hidden('signatoryId', $presentInfo['signatoryTableId'], ['id'=>'signatoryId']) !!}

                                                <div class="col-sm-6">
                                                    @if($previousSignatoryInfo != null)
                                                        <div class="input-group">
                                                            <button class="btn btn-info btn-sm" type="button" id="printButton">
                                                                <i class="fa fa-print"></i> Print Application
                                                            </button>
                                                        </div>
                                                    @endif
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <table class="table table-bordered table-striped table-condensed">
                                    <thead>
                                        <th style="width: 5%;">SL#</th>
                                        <th>Photo</th>
                                        <th>Name</th>
                                        <th>ID</th>
                                        <th>Designation</th>
                                        <th>NID No.</th>
                                        <th>Phone No.</th>
                                    </thead>

                                    
                                    <tbody class="previousInfo" id="previousInfo">
                                        @foreach ($presentInfo['signatoryInfo'] as $info)
                                            <tr>
                                                <td class="tdSl">
                                                    {{ ++$slNo }}
                                                </td>
                                                <td><img src="{{ asset('hr/employee-information') }}/{{ $info['photo'] }}" height="50"></td>
                                                <td style="text-align: left;">{{ $info['empName'] }}</td>
                                                <td>{{ $info['empId'] }}</td>
                                                <td style="text-align: left;">{{ $info['designation'] }}</td>
                                                <td>{{ $info['nidNo'] }}</td>
                                                <td>{{ $info['phone'] }}</td>
                                            </tr>
                                        @endforeach                                      
                                    </tbody>
                                </table>  <br><br>

                            @endforeach
                            
                            @if(Auth::user()->branchId == 1)
                                @if($approveStatus == 0)

                                    <div class="form-group">
                                        {!! Form::label('submit', ' ', ['class' => 'col-sm-5 control-label']) !!}
                                        <div class="col-sm-5">
                                            {!! Form::submit('Approve', ['id' => 'approve', 'class' => 'btn btn-info', 'style' => 'background-color: green;']) !!}
                                            {!! Form::submit('Reject', ['id' => 'reject', 'class' => 'btn btn-danger closeBtn']) !!}             
                                            {{-- <a href="{{ url('bankAcRegister/bankAcRegisterListFiltering') }}"
                                                class="btn btn-danger closeBtn">Close</a>
                                            <span id="success" style="color:green; font-size:20px;" class="pull-right"></span> --}}
                                        </div>
                                    </div> 

                                @endif
                            @endif   

                        @endif



                        {{-- ------------------------------------------ Histry part ----------------------------------------------------- --}}

                        @if($previousSignatories)

                            <div class="panel-subtitle" style="padding: 14px;"><h4 style="margin: 0;">Approved Signatory History:</h4></div>
                            <br>
                
                            @foreach ($previousInfos as $key => $previousInfo)

                                <div class="col-md-5">
                                    <div class="form-group">
                                        {!! Form::label('previousEffectiveDate', 'Effective Date:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="input-group">
                                                        {!! Form::text('previousEffectiveDate', date('d-m-Y', strtotime($previousInfo['effectiveDate'])), ['class' => 'form-control input-sm readonly', 'type' => 'text', 'readonly']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <table class="table table-bordered table-striped table-condensed">
                                    <thead>
                                        <th style="width: 5%;">SL#</th>
                                        <th>Photo</th>
                                        <th>Name</th>
                                        <th>ID</th>
                                        <th>Designation</th>
                                        <th>NID No.</th>
                                        <th>Phone No.</th>
                                    </thead>

                                                                        <tbody class="previousInfo" id="previousInfo">
                                        @foreach ($previousInfo['signatoryInfo'] as $info)
                                            <tr>
                                                <td class="tdSl">
                                                    {{ ++$slNo }}
                                                </td>
                                                <td><img src="{{ asset('hr/employee-information') }}/{{ $info['photo'] }}" height="50"></td>
                                                <td style="text-align: left;">{{ $info['empName'] }}</td>
                                                <td>{{ $info['empId'] }}</td>
                                                <td style="text-align: left;">{{ $info['designation'] }}</td>
                                                <td>{{ $info['nidNo'] }}</td>
                                                <td>{{ $info['phone'] }}</td>
                                            </tr>
                                        @endforeach                                      
                                    </tbody>
                                </table>  <br><br>

                            @endforeach 

                        @endif

                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
    <div class="col-md-2"></div>
</div>
</div>
</div>



@if($previousSignatoryInfo != null)

    @php

        $bankName = trim($BankInfo->bankName);
        if (substr($bankName, -1) === '.'){
            $bankName = substr($bankName, 0, -1);
        }

    @endphp

    <style>
        #printView {
            font-size: 14px;
        }
    </style>

    <div id="printView" hidden>

        {{ date('F d, Y') }}
        <br>
        <br> 
        To,
        <br>
        {{ $bankName }},
        <br>
        {{ $BankInfo->bankBranchName }},
        <br>
        {{ $BankInfo->district }}.
        <br>
        <br>
        <br>
        <span style="font-weight: bold;">Subject: Application for Signatory Change of "Ambala Foundation" Account.</span> 
        <br>
        <br>
        <br>
        Dear Concern,
        <br>
        <br>
        Greetings from Ambala Foundation!
        <br>
        <span style="text-align: justify;">
            As you are already well informed, <span style="font-weight: bold;">Ambala Foundation</span> operates an <span style="font-weight: bold;">{{ $BankInfo->accountType }}</span> account under the <span style="font-weight: bold;">{{ $BankInfo->bankBranchName }}</span> of {{ $bankName }}. Our Bank <span style="font-weight: bold;">Account No: {{ $BankInfo->bankAcNumber }}</span>. According to our organizational Constitution (revised act under 16(GA) of Ambala Foundation Constitution), we need to change the signatory of the bank account of Ambala Foundation <span style="font-weight: bold;">{{ $BankInfo->branchName }} Branch</span>. The necessary information we need to change is as follows:
        </span> 
        <br>
        <br>
         
        <style>
            th {
                font-weight: normal;
            }
        </style>

        <div class="table-responsive">
            <table id="signatoryApplication" width="100%" class="table table-striped table-bordered" border="1pt" style="color:black; border-collapse: collapse; border-width: 1px;">
                <thead>
                    <tr>
                        <th rowspan="2" style='font-size: 15px;'>SL No.</th>
                        <th colspan="2" style='font-size: 15px;'>Present Signatory Information</th>
                        <th colspan="3" style='font-size: 15px;'>Proposed Signatory Information</th>
                        <th rowspan="2" style='width: 150px; font-size: 15px;'>Attested</th>
                    </tr>
                    <tr>
                        <th style='font-size: 15px;'>Name</th>
                        <th style='font-size: 15px;'>Designation</th>
                        <th style='font-size: 15px;'>Name</th>
                        <th style='font-size: 15px;'>Designation</th>
                        <th style='font-size: 15px;'>Signature</th>
                    </tr>
                </thead>
                <tbody> 
                    @php
                        $rowCount = max( count($previousSignatoryInfo), count($newSignatoryInfo) );
                    @endphp
                    
                    @for ($i = 0; $i < $rowCount; $i++)
                        <tr>
                            <td style='text-align: center; width: 5px; font-size: 15px;'>{{ $i + 1 }}</td>
                    
                            {{-- Previous Signatory Info --}}
                            @if (isset($previousSignatoryInfo[$i]))
                                @php
                                $previousSignatory = $previousSignatoryInfo[$i];
                                @endphp
                                <td style='font-size: 15px;'>{{ $previousSignatory['empName'] }}</td>
                                <td style='width: 40px; font-size: 15px;'>{{ $previousSignatory['designation'] }}</td>
                            @else
                                <td style='text-align: center; font-size: 15px;'>-</td>
                                <td style='text-align: center; font-size: 15px;'>-</td>
                            @endif
                    
                            {{-- Pending Signatory Info --}}
                            @if (isset($newSignatoryInfo[$i]))
                                @php
                                $newSignatory = $newSignatoryInfo[$i];
                                @endphp
                                <td style='font-size: 15px;'>{{ $newSignatory['empName'] }}</td>
                                <td style='width: 40px; font-size: 15px;'>{{ $newSignatory['designation'] }}</td>
                                <td style='width: 150px; height: 100px; font-size: 15px;'></td>
                            @else
                                <td style='text-align: center; font-size: 15px;'>-</td>
                                <td style='text-align: center; font-size: 15px;'>-</td>
                                <td style='width: 150px; height: 100px; font-size: 15px;'></td>
                            @endif

                        </tr>
                    @endfor

                    <tr>

                    </tr>
                    
                </tbody>
            </table>
        </div>
        <br>
        <span style="text-align: justify;">
            Any two individuals can operate this account above this signatory. Please take necessary initiative on this issue and eagerly waiting for your kind approval.
        </span>
        <br>
        <br>
        <br>
        <br>
        With best regards,  
        <br>
        <br>
        <br>
        <br>
        <br>
        Arif Sikder
        <br>
        Executive Director
        <br>
        <br>
        <br>
        <br>
        Copy:
        <br>
        - Accounts Department
        <br>
        - Concerned Branch Office
       
        
    </div>


@endif



{{-- @if($previousSignatoryInfo != null)

    @php

        function getBanglaNumeral($digits){
            $banglaDigits = array('০', '১', '২', '৩', '৪', '৫', '৬', '৭', '৮', '৯');
            $englishDigits = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9');
            $banglaDigits = str_replace($englishDigits, $banglaDigits, $digits);
            return $banglaDigits;
        }

        function getBanglaDate($date){
            $englishMonths = array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
            $banglaMonths = array('জানুয়ারী', 'ফেব্রুয়ারী', 'মার্চ', 'এপ্রিল', 'মে', 'জুন', 'জুলাই', 'আগস্ট', 'সেপ্টেম্বর', 'অক্টোবর', 'নভেম্বর', 'ডিসেম্বর');
            $englishNumbers = range(0, 9);
            $banglaNumbers = array('০', '১', '২', '৩', '৪', '৫', '৬', '৭', '৮', '৯');
            $banglaDate = str_replace($englishMonths, $banglaMonths, $date);
            $banglaDate = str_replace($englishNumbers, $banglaNumbers, $banglaDate);
            return $banglaDate;
        }

        $bankName = trim($BankInfo->bankName);
        if (substr($bankName, -1) === '.'){
            $bankName = substr($bankName, 0, -1);
        }

    @endphp

    <div id="printView" hidden>

        <span style="font-size: 14px;">{{ getBanglaDate(date('F d, Y')) }}</span>
        <br>
        <br> 
        <span style="font-size: 14px;">বরাবর,</span>
        <br>
        <span style="font-size: 16px;">
            {{ $bankName }},
            <br>
            {{ $BankInfo->bankBranchName }},
            <br>
            {{ $BankInfo->district }}.
        </span>
        <br>
        <br>
        <br>
        <span style="font-size: 14px; font-weight: bold;">বিষয়: “আম্বালা ফাউন্ডেশন” শিরোনামে <span style="font-size: 16px;">{{ $BankInfo->accountType }}</span> হিসাবের স্বাক্ষরকারী পরিবর্তন প্রসঙ্গে।</span> 
        <br>
        <br>
        <br>
        <span style="font-size: 14px;">জনাব,</span>
        <br>
        <span style="font-size: 14px;">শুভেচ্ছা নিবেন।</span>
        <br>
        <span style="text-align: justify;">
            <span style="font-size: 14px;">আপনি নিশ্চয় অবগত আছেন যে, আম্বালা ফাউন্ডেশন,</span> <span style="font-size: 17px;">{{ $bankName }}</span><span style="font-size: 14px;">- এর</span> <span style="font-size: 17px;">{{ $BankInfo->bankBranchName }}</span> <span style="font-size: 14px;">এ একটি</span> <span style="font-size: 17px;">{{ $BankInfo->accountType }}</span> <span style="font-size: 14px;">হিসাব পরিচালনা করে আসছে। যার হিসাব নং-{{ getBanglaNumeral($BankInfo->bankAcNumber) }}</span>। <span style="font-size: 14px;">আম্বালা ফাউন্ডেশন এর গঠনতন্ত্রেও সংশোধিত ধারা ১৬ এর গ নং এর নির্দেশনা মোতাবেক (যা ইতি পূর্বে আপনার নিকট জমা দেওয়া হয়েছে) ক্ষমতা বলে আম্বালা ফাউন্ডেশন এর</span> <span style="font-size: 17px;">{{ $BankInfo->branchName }}</span> <span style="font-size: 14px;"> শাখার কার্যক্রম সঠিক ও সুন্দর ভাবে চলার জন্য হিসাবটির স্বাক্ষরকারী পরিবর্তন করা প্রয়োজন; যা নিম্নে উল্লেখ করা হলো:</span>
        </span> 
        <br>
        <br>
         
        <style>
            th {
                font-weight: normal;
            }
        </style>

        <div class="table-responsive">
            <table id="signatoryApplication" width="100%" class="table table-striped table-bordered pomisOne" border="1pt" style="color:black; border-collapse: collapse; border-width: 1px;">
                <thead>
                    <tr>
                        <th style="font-size: 13px;" rowspan="2">ক্রমিক নং</th>
                        <th style="font-size: 13px;" colspan="2">পূর্ববর্তী স্বাক্ষরকারী তথ্য</th>
                        <th style="font-size: 13px;" colspan="3">নতুন স্বাক্ষরকারী তথ্য</th>
                    </tr>
                    <tr>
                        <th style="font-size: 13px;">নাম</th>
                        <th style="font-size: 13px;">পদবী</th>
                        <th style="font-size: 13px;">নাম</th>
                        <th style="font-size: 13px;">পদবী</th>
                        <th style="font-size: 13px;">স্বাক্ষর</th>
                    </tr>
                </thead>
                <tbody> 
                    @php
                        $rowCount = max( count($previousSignatoryInfo), count($newSignatoryInfo) );
                    @endphp
                    
                    @for ($i = 0; $i < $rowCount; $i++)
                        <tr>
                            <td style='text-align: center; width: 5px; font-size: 13px;'>{{ getBanglaNumeral($i + 1) }}</td>
                    
                            {{-- Previous Signatory Info --}}
                            {{-- @if (isset($previousSignatoryInfo[$i]))
                                @php
                                $previousSignatory = $previousSignatoryInfo[$i];
                                @endphp
                                <td style="font-size: 15px;">{{ $previousSignatory['empName'] }}</td>
                                <td style="font-size: 15px;">{{ $previousSignatory['designation'] }}</td>
                            @else
                                <td style='text-align: center; font-size: 15px;'>-</td>
                                <td style='text-align: center; font-size: 15px;'>-</td>
                            @endif --}}
                    
                            {{-- Pending Signatory Info --}}
                            {{-- @if (isset($newSignatoryInfo[$i]))
                                @php
                                $newSignatory = $newSignatoryInfo[$i];
                                @endphp
                                <td style="font-size: 15px;">{{ $newSignatory['empName'] }}</td>
                                <td style="font-size: 15px;">{{ $newSignatory['designation'] }}</td>
                                <td style='width: 150px; height: 100px; font-size: 15px;'></td>
                            @else
                                <td style='text-align: center; font-size: 15px;'>-</td>
                                <td style='text-align: center; font-size: 15px;'>-</td>
                                <td style='width: 150px; height: 100px; font-size: 15px;'></td>
                            @endif
                    
                        </tr>
                    @endfor --}}
                    
                    {{-- <tr>
                        <td style= "text-align: center; height: 120px;">সত্যায়ন:</td> 
                    </tr> --}}

                {{-- </tbody>
            </table>
        </div>
        <br>
        <span style="text-align: justify; font-size: 14px;">
            উপরে উল্লেখিত সিদ্ধান্ত সমুহ ছাড়া পূর্বে প্রেরিত সকল সিদ্ধান্ত সমূহ হুবহু বহাল থাকবে। পরিবর্তিত সিদ্ধান্ত সমূহ বাস্তবায়নের যথাযথ ব্যবস্থা গ্রহণ করে সেবা প্রদান করার জন্য বিনীত অনুরোধ রইল।
        </span>
        <br>
        <br>
        <br>
        <br>
        <span style="font-size: 14px;">
            ধন্যবাদান্তে,
            <br>
            <br>
            <br>
            <br>
            <br>
            আরিফ সিকদার
            <br>
            নির্বাহী পরিচালক
        </span>
        <br>
        <br>
        <br>
        <br>
        <span style="font-size: 14px;">
            অনুলিপি:
            <br>
            - হিসাব বিভাগ
            <br>
            - সংশ্লিষ্ট অফিস কপি 
        </span>
        
    </div>


@endif --}}






<script>

    $(document).ready(function(){

        $("#effectiveDate").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
        });


        var i = 0;
        var abc = $('.toClone');

        $('#dynamic_field').on('click', '.btn_add', function(){
            var clonedRow = $('.toClone:last').clone();
            clonedRow.find("input[type='text']").val("");
            clonedRow.find('select.signatory').val(''); // Clear the selected signatory
            clonedRow.insertAfter($(this).closest('.toClone'));
            setSerialNumber();
        }); 

        $('#dynamic_field').on('click', '.btn_remove', function(){
            var rows = $('.toClone');
            if (rows.length > 1) {
                $(this).closest('.toClone').remove();
                setSerialNumber();
            } else {
                // Clear the data in the last row
                $(this).closest('.toClone').find("input[type='text']").val("");
                $(this).closest('.toClone').find('select.signatory').val('');
            }
        }); 

        function setSerialNumber() {
            $('.toClone').each(function(index) {
                var $i = index + 1;
                $(this).find('.tdSl').text($i);
            });
        }

        // Get all selected employee IDs in the 'signatory[]' array format
        function getSelectedEmployeeIds() {
            var employeeIds = [];
            $('select.signatory').each(function() {
                var selectedId = $(this).val();
                if (selectedId != '' && selectedId != 'Select Signatory') {
                    employeeIds.push(selectedId);
                }
            });
            return employeeIds;
        }


        $("#printButton").click(function(event) {
            var mainContents = document.getElementById("printView").innerHTML;
            var win = window.open('','printwindow');
            win.document.write(mainContents);
            win.print();
            win.close();
        });


        $('form').submit(function( event ) {
            event.preventDefault();
            var clickedButton = $(document.activeElement).attr('id');

            if(clickedButton == "approve"){
                var url = "{{ url('bankAcRegister/approveSignatoryItem/') }}"
            }else if(clickedButton == "reject"){
                var url = "{{ url('bankAcRegister/deleteSignatoryItem/') }}"
            }else{
                var url = "{{ url('bankAcRegister/addSignatoryItem/') }}"
            }

            $.ajax({
                type: 'post',
                url: url,
                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('bankAcRegister/bankAcRegisterListFiltering/') }}";
                                location.reload();
                            }, 2000);
                        }else{
                            toastr.warning(data.responseText, data.responseTitle, opts);
                        }
                    }
                },
                error: function( _response ){
                    // Handle error
                    alert(_response.errors);
                }
            });
        });

        

    });

    

</script>


@endsection