@extends('layouts/acc_layout')
@section('title', '|  Auto Voucher Configuration')
@section('content')


<div class="row">
@if(session()->has('successMsg'))
    <p class="alert alert-success">{{ session()->get('successMsg') }}</p>
@endif 
<div class="col-md-12">
<div class="" style="">
    <div class="">
        <div class="panel panel-default" style="border:none!important;">
            <div class="panel-heading" style="padding-bottom:0px;background:#FFF!important;border:none!important;">
                <div class="panel-options">
                    <a href="{{url('addTransportVoucherConfig/')}}" class="btn btn-primary animated fadeInDown">Add Pos Auto Voucher Configuration</a>
                </div>
                <h3  style="text-align:center;font-family:Antiqua;letter-spacing:2px;color:#000;"> Pos Auto Voucher Configuration</h3>
            </div>
            <div class="panel-body panelBodyView">
                <div>

                </div>
                <table class="table table-striped table-bordered" id="accAccountTypeView">
                    <thead class="animated slideInDown">
                    <tr>
                        <th width="50">SL No.</th>
                        <th>Project Name</th>
                        <th>Project Type name</th>
                        <th>Ledger Name</th>
                        <th class="" width="40">Actions</th>
                    </tr>
                    {{ csrf_field() }}
                    </thead>
                    <tbody>
                                        @foreach($transportVoucherConfig as $transportVoucherConfig)
                        <tr class="item{{$transportVoucherConfig->id}}">
                            <td class="text-center slNo">{{++$no}}</td>
                            <td>
                                @php
                                    echo DB::table('gnr_project')->where('id',$transportVoucherConfig->project_id)->value('name');
                                @endphp
                            </td>
                            <td>
                                @php
                                    echo DB::table('gnr_project_type')->where('id',$transportVoucherConfig->project_type_id)->value('name');
                                @endphp
                            </td>
                            <td>
                                @php
                                    echo DB::table('acc_account_ledger')->where('id',$transportVoucherConfig->ledger_code_id)->value('name');
                                @endphp
                            </td>

                            <td class="text-center" width="80">
                                <a id="editIcone" href="{{url('editTransportVoucherConfigItem')}}/{{$transportVoucherConfig->id}}" class="edit-modal" data-id="{{$transportVoucherConfig->id}}" data-projectid="{{$transportVoucherConfig->project_id}}" data-projecttype="{{$transportVoucherConfig->project_type_id}}" data-ledgercode="{{$transportVoucherConfig->ledgerCode}}">
                                    <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
                                </a>&nbsp;
                                <a id="deleteIcone" href="javascript:;" class="delete-modal" data-id="{{$transportVoucherConfig->id}}">
                                    <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
                                </a>
                            </td>

                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</div>
</div>

<div id="myModal" class="modal fade" style="margin-top:3%">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header animated fadeInDown">
                <h4 class="modal-title" style="font-weight:bold;clear:both"></h4>
            </div>
            <div class="modal-body">
                
                <div class="deleteContent" style="padding-bottom:20px;">
                    <p>You are about to delete this item this procedure is irreversible !</p>
                    <p>Do you want to proceed ?</p>
                    <span class="hidden id"></span>
                </div>
                <div style="border-top:none !important" class="modal-footer">
                    <p id="MSGE" class="pull-left" style="color:red"></p>
                    <p id="MSGS" class="pull-left" style="color:green"></p>
                    {!! Form::button('<span id=""></span>', ['class' => 'btn actionBtn', 'id' => 'footer_action_button'] ) !!}
                    {!! Form::button('<span id=""></span>', ['class' => 'btn actionBtn',  'data-dismiss' => 'modal', 'id' => 'footer_action_button2'] ) !!}

                    {!! Form::button('<span id=""> Close</span>',['class' => 'btn btn-danger animated fadeInRight', 'data-dismiss' => 'modal' , 'id' => 'footer_action_button_dismis'] ) !!}

                </div>
            </div>
        </div>
    </div>
</div>

@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script type="text/javascript">
$( document ).ready(function() {
//delete function
    $(document).on('click', '.delete-modal', function() {
        $('#MSGE').empty();
        $('#MSGS').empty();
        $('.actionBtn').removeClass('edit');
        $('#footer_action_button2').text(" Yes");
        $('#footer_action_button2').removeClass('glyphicon glyphicon-check');
        $('#footer_action_button_dismis').text(" No");
        $('#footer_action_button_dismis').removeClass('glyphicon glyphicon-remove');
        $('.actionBtn').removeClass('btn-success');
        $('.actionBtn').addClass('btn btn-info animated fadeInRight');
        $('.actionBtn').addClass('delete');
        $('.modal-title').text('Delete Account Type');
        $('.modal-header').css({"color":"white", "padding":"10px"});
        $('.modal-dialog').css('width','30%');
        $('.id').text($(this).data('id'));
        $('.deleteContent').show();
        $('.form-horizontal').hide();
        $('#footer_action_button2').show();
        $('#footer_action_button').hide();
        $('.title').html($(this).data('uname'));
        $('#myModal').modal('show');
    });

    $('.modal-footer').on('click', '.delete', function() {
        $.ajax({
            type: 'post',
            url: './deleteTransportVoucherConfigItem',
            data: {
                '_token': $('input[name=_token]').val(),
                'id': $('.id').text()
            },
            success: function(data) {
                // alert(JSON.stringify(data));
                $('.item' + $('.id').text()).remove();
            },error:function(data){
                alert("Deleted Failed!!");
            }
        });
    });


});//ready function end


</script>