@extends('admin.layout.master')
@section('title',__('obs.journal').' '.__('obs.report'))
@section('custom_style')
<style>
input[type=text],input[type=file], input[type=number] {
    height: 24px !important;
}
.table thead th,.table tbody td {
        border: 1px solid black !important;
        text-align: center;
        vertical-align: middle;
        }
</style> 
@endsection
@section ('content')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>__('obs.journal').' '.__('obs.report')])
    <div class="card-body" style="padding-bottom:0">
        <form action="{{route('reports.journal_view')}}" method="get">
            @include('accounts.reports.search_form',['ledger'=>0,'is_user'=>1])
        </form>
    </div>
    <div class="card-body" style="padding-top:2px" id="divTableDataHolder">
        <div class="row">
            <div class="col-md-12" id="report_html">          
                
            {{-- </form> --}}
            </div>
        </div>
    </div>
</div>
@include('admin.global.loader')    
@endsection
@section('script')
<script>
    $('#cost_center_id').select2();
    $('#created_by').select2();
    const getReport=()=>{
        let link="{{route('reports.journal_view_api')}}";
        let data_param={
            voucher_group:$('#voucher_group').val(),
            voucher_group:$('#voucher_group').val(),
            voucher_type:$('#voucher_type').val(),
            ledger_id:$('#ledger_id').val(),
            created_by:$('#created_by').val(),
            start_date:$('#start_date').val(),
            end_date:$('#end_date').val(),
            status:$('#status').val()
        }
        const setReportHtml = data => { 
            $('#report_html').html(data);
            $('#loader').hide();
        }
        ajaxCall(link,'GET',data_param, setReportHtml);
    }
    const 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();
        }
    }
 
</script>
@stop