@php
    $approve = 0;
    if(sizeof($Tpermistion) > 0)
    {
        $approve = $Tpermistion[0]->approve;
    }
@endphp

<table id="example_test" class="table table-striped">
    <thead>
        <tr>
            <th>#</th>
            <th>Entry Date</th>
            <th>Journal Entry No</th>
            <th class="text-right">Action</th>
        </tr>
    </thead>
    @php
        $count=1;
    @endphp
    <tbody>
    @foreach($journalEntry as $value)
        <tr>
            <td>{{ $count++ }}</td>
            <td>{{ date('Y-m-d', strtotime($value->created_at)) }}</td>
            <td>{{ $value->journal_entry_no }}</td>
            <td class="text-right">
                <button class="btn btn-info btn-xs" data-toggal="modal" data-target="#modal-lg"
                onclick="viewjournalEntryDetails({{$value->id}})">View</button>
                @if($value->is_approved == 0)
                    @if($approve == 1)
                        <button type="button" class="btn btn-success btn-xs" 
                        onclick="approvejournalEntry({{ $value->id }})">Approve</button>
                    @endif
                @endif
            </td>
        </tr>
    @endforeach
    </tbody>
</table>

<div class="modal fade" id="modal-lg" >
    <div class="modal-dialog modal-xl" style="width: 80%">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Journal Entry View</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div id="view_journal_entry">
        </div>
        <div class="modal-footer pull-right">
          <button type="button" class="btn btn-default " data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-info " onclick="jvPrint()">Print</button>
        
        </div>
      </div>
      
    </div>
    
  </div>


<script>

    $(function () {
        // $("#example_test").DataTable({
        // "responsive": true, "lengthChange": false, "autoWidth": false,
        // "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
        // }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
        $('#example_test').DataTable({
            "paging": true,
            "lengthChange": true,
            "searching": true,
            "ordering": true,
            "info": true,
            "autoWidth": true,
            "responsive": true,
        });
    });

    function getjournalEntryDetails(journalEntryId) {
        $.ajax({
            type: 'get',
            url: '{{url('/journal-entry/get-journal-entry-by-id')}}',
            data: {
                journal_entry_id: journalEntryId
            },
            async: true,
            success: function (data) {
                $('.nav-tabs a:first').tab('show');
                $('#btn_save').html('Update Journal Entry');
                $("#journal_entry_type").val(data[0]['acc_id']);
                $("#journal_entry_id").val(data[0]['id']);
                $("#credit_amount").val(data[0]['credit']);
                $("#debit_amount").val(data[0]['debit']);
                $("#remarks").val(data[0]['remarks']);
                $("#journal_entry_date").val(data[0]['date']);

            },
            error: function (data) {
                swlToster('error', "Something went wrong");
            }
        });
    }

    function viewjournalEntryDetails(journal_entry_id){
        $.ajax({
        type: 'get',
        url: '{{url('/journal-entry/journal-entry-view')}}',
        data: {
            journal_entry_id:journal_entry_id
        },
        async: true,
        success: function (data) {
            $("#view_journal_entry").html(data);
            $('#modal-lg').modal('show')
        }
    });
    }

    function jvPrint() {
        $("#view_journal_entry").print();
    }

    function approvejournalEntry(id)
    {
        var token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            url: '{{ url('/journal-entry/journal-entry-approve') }}',
            type: 'POST',
            data: {
                _token: token,
                journal_entry_id: id
            },
            async: true,
            success: function(data) {
                
                if(data == 'save_ok')
                {
                    swlToster('success', "Approved successfully saved");
                    getJournalEntryHistory();
                }
                else
                {
                    swlToster('error', "Approval Failed!");
                }
            },
            error: function(data) {

            }
        });
    }
</script>