@extends('admin.layout.master')
@section('title','Chart Of Account Report')
@section('custom_style')
<style>
input[type=text],input[type=file], input[type=number] {
    height: 35px !important;
}
.table th {
           background: #ab3535;
           padding: 5px !important;
           color: white !important;
        }
.table th, .table td {
    border: 1px solid #c1c1c1 !important;
}
.table th, .table td {
            padding: 0px 5px;
            color: black;
        }
thead th { position: sticky; top: 80px; }
</style> 
@endsection
@section ('content')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>' CHART OF ACCOUNT'])
    <div class="card-body" style="padding-bottom:0" id="divTableDataHolder">
        @php
            // $printData['start_date']=Request()->start_date?date('d-M-Y',strtotime(Request()->start_date)):date('d-M-Y');
            // $printData['end_date']=Request()->date_to?date('d-M-Y',strtotime(Request()->date_to)):date('d-M-Y');
            $routeName=Route::currentRouteName();   
            $printData=getPrintData($routeName,[]);
        @endphp
        {!!$printData['head']!!}
        <div class="col-md-12 table-responsive-sm" style="padding-bottom: 15px;">
            
            <div class="pro_trans_table">
                <div class="input-group row justify-content-start" style="position: sticky; top: 80px;z-index:25000">
                    <div class="input-group-append">
                        <button type="button" class="btn-xs btn-dark hidden_content" onclick="showButton(1)"><i class="fa fa-plus"></i></button>
                        <button type="button" class="btn-xs btn-warning hidden_content" onclick="showButton(2)"><i class="fa fa-wrench"></i></button>
                        <button type="button" class="btn-xs btn-secondary hidden_content" onclick="showButton(3)"><i class="fa fa-eraser"></i></button>
                    </div>
                </div>
                <table class="table" style="width: 100%" id="datatable_apply">
                    <thead>
                        <tr style="border:1px solid;">
                            <th class="text-right hidden_content" style="border-right:1px solid;width:20px;"><strong></strong></th>
                            <th class="text-center" style="border-right:1px solid;">
                                <strong>ACCOUNTS HEAD</strong>
                                
                              
                            </th>
                            <th class="text-center" style="border-right:1px solid;"><strong>ACCOUNT CODE</strong></th>


                        </tr>
                    </thead>
                    {!! $accountsHeadDataHtml !!}
                </table>
            </div>
        </div>
    </div>
</div>
                    
               
            {{-- </div>
        </div>
    </div>
</div> --}}

<div class="modal mdl_select fade bd-example-modal-lg" id="addModel" tabindex="-1" role="dialog"
    aria-labelledby="modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <form method="post" action="{{route('accounts_head.store')}}" id="acc_form" name="b_form" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalLabel">ACCOUNTS HEAD</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-10">
                                        <label for="">PARENT Name</label>
                                        <select name="parent_id" class="select_2" id="parent_id" required style="width:100%">
                                            @forelse ($accountsHeadsOptions->where('type',1) as $item)
                                                <option value="{{$item->id}}">{{$item->name}}</option>
                                            @empty
                                                
                                            @endforelse
                                        </select>
                                        {{-- <input type="hidden" id="old_parent_id" name="old_parent_id"> --}}
                                    </div>

                                </div>
                                <div class="row" style="padding-top: 20px">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-5">
                                        <label for="">ACCOUNTS Name (English)</label>
                                        <input id="acc_name" type="text" class="form-control head-input"  name="name" placeholder="">
                                        <input id="edit_id" type="hidden" name="edit_id">
                                    </div>
                                    <div class="col-md-5">
                                        <label for="">ACCOUNTS Name (Local)</label>
                                        <input id="acc_foreign_name" type="text" name="local_name" class="form-control head-input" placeholder="">
                                    </div>
                                </div>
                                <div class="row" style="padding-top: 20px">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-5">
                                        <label for="">ACCOUNTS TYPE</label>
                                        <select class="form-control select_2" id="acc_type" name="type" style="width: 100%">
                                            <option class="acc_type-0" value="0">Ledger</option>
                                            <option class="acc_type-1" value="1">Group</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5">
                                        <label for="">ACCOUNT STATUS</label>
                                        <select class="form-control select_2" id="acc_status" name="status" style="width: 100%">
                                            <option class="acc_status-1" value="1">Active</option>
                                            <option class="acc_status-2" value="2">Inactive</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row" style="padding-top: 20px">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-5">
                                        <label for="">NOTE</label>
                                        <input class="form-control" id="note_no" name="note" placeholder="Note No" />
                                    </div>
                                    <div class="col-md-5">
                                        <label for="">REMARKS</label>
                                        <textarea rows="4" class="form-control" id="remarks" name="remarks"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <input class="btn btn-primary" type="submit" id="submit_btn" value="Submit">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    $('.select_2').select2();
    const accountsHeadsOptions =@json($accountsHeadsOptions);
    $(document).ready(function() {
        $('#datatable_apply').dataTable({
            "paging": false,
            "ordering": false,
        });
    
    });
    function showButton(type){
        if(type==3){
            $('.hidden_create_btn').hide();
            $('.hidden_edit_btn').hide();
        }else if(type==1){
            $('.hidden_create_btn').show();
            $('.hidden_edit_btn').hide();
        }else{
            $('.hidden_edit_btn').show();
            $('.hidden_create_btn').hide();
        }
    }
    function nullAllField(){
        $("#acc_name").val('');
        $("#note_no").val('');
        $("#acc_code").val('');
        $("#acc_foreign_name").val('');
        // $("#old_parent_id").val(0);
    }
    function openModel(id,checkVal)
    {
        $("#addModel").modal("hide");
        var accountHead=accountsHeadsOptions.find(item => item.id === id);
        if(checkVal==1){
            $('#parent_id').val(accountHead.id).trigger('change');
            nullAllField();
            $("#submit_btn").text('Add New');
            $("#acc_form").attr('action',"{{route('accounts_head.store')}}");
        }else{
            $('#edit_id').val(accountHead.id).trigger('change');
            $('#parent_id').val(accountHead.parent_id).trigger('change');
            // $('#old_parent_id').val(accountHead.parent_id);
            $("#acc_form").attr('action',"{{route('accounts_head.update')}}");
            $("#acc_name").val(accountHead.name);
            $("#note_no").val(accountHead.note);
            $("#acc_code").val(accountHead.code);
            $("#acc_foreign_name").val(accountHead.local_name);
            $("#submit_btn").text('Update');
        }
        $("#addModel").modal("show");
    }
</script>
@stop