@extends('core::layouts.master')
@section('title') ប្រតិបត្ដិការសង់ត្រឡប់
@endsection
@section('styles')
@stop
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">               
                <div class="col-sm-12">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a
                                    href="{{url('dashboard')}}">{{ trans_choice('dashboard::general.dashboard',1) }}</a>
                        </li>
                        <li class="breadcrumb-item active">ប្រតិបត្ដិការបិទបញ្ជីរសាច់ប្រាក់ប្រចាំខែ</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    @if($end_off_days>0)
        <div class="card">
            <div class="card-header" style="text-align:center;color:red;font-size:22px;">    
                លោកអ្នកបានធ្វើការបិទបញ្ជីររួចរាល់ហើយ អ្នកមិនអាចធ្វើការបិទម្ដង់ទៀតបានទេ។​ សូមអរគុណ!  
                <p><a href="{{url('accounting/end_off_days')}}" type="button" class="btn btn-primary">ត្រឡប់ក្រោយ</button></a>          
            </div>
        </div>
    @else
    <section class="content">
        <center>
            <div class="card" style="width:1000px;">
                <div class="card-header">   
                    <h5>ប្រតិបត្ដិការបិទបញ្ជីរសាច់ប្រាក់ប្រចាំខែ</h5>                 
                </div>
                <div class="card-body p-0">
                    <form method="post" action="{{url('accounting/end_off_days/store')}}">
                        {{csrf_field()}}
                        <table id="data-table" class="table table-bordered">
                            <thead>
                                <tr>
                                    <th style="text-align:center">
                                        ល.រ
                                    </th>
                                    <th>
                                        ឈ្មោះរបាយការណ៍
                                    </th>
                                    <th>
                                        រក្សាទុកឯកសារ
                                    </th>                      
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style="text-align:center">1</td>
                                    <td>Balance Sheet</td>
                                    <td>                                    
                                        <a href="" class="btn btn-info btn-xs">PDF</a>
                                        <a href="" class="btn btn-primary btn-xs">Excel</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:center">2</td>
                                    <td>Profit and Loss Statement</td>
                                    <td>                                    
                                        <a href="" class="btn btn-info btn-xs">PDF</a>
                                        <a href="" class="btn btn-primary btn-xs">Excel</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:center">3</td>
                                    <td>Trial Balance</td>
                                    <td>                                    
                                        <a href="" class="btn btn-info btn-xs">PDF</a>
                                        <a href="" class="btn btn-primary btn-xs">Excel</a>
                                    </td>
                                </tr>                                
                                <tr>
                                    <td style="text-align:center">4</td>
                                    <td>Expenses Report</td>
                                    <td>                                    
                                        <a href="" class="btn btn-info btn-xs">PDF</a>
                                        <a href="" class="btn btn-primary btn-xs">Excel</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:center">5</td>
                                    <td>Income Report</td>
                                    <td>                                    
                                        <a href="" class="btn btn-info btn-xs">PDF</a>
                                        <a href="" class="btn btn-primary btn-xs">Excel</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:center">6</td>
                                    <td>CO-Performace</td>
                                    <td>                                    
                                        <a href="" class="btn btn-info btn-xs">PDF</a>
                                        <a href="" class="btn btn-primary btn-xs">Excel</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:center">7</td>
                                    <td>Loan listing</td>
                                    <td>                                    
                                        <a href="" class="btn btn-info btn-xs">PDF</a>
                                        <a href="" class="btn btn-primary btn-xs">Excel</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <button type="button" class="btn btn-success">បិទបញ្ជីរប្រចាំខែ</button>
                        <br/>
                        <hr/>
                    </form>
                </div>
            </div>
        </center>
    </section>
    @endif

@endsection
@section('scripts')
    <script>
        var app = new Vue({
            el: "#app",
            data: {
                records:'',
                selectAll: false,
                selectedRecords: []
            },
            methods: {
                selectAllRecords() {
                    this.selectedRecords = [];
                    if (this.selectAll) {
                        this.records.data.forEach(item => {
                            this.selectedRecords.push(item.id);
                        });
                    }
                },
                confirm_balance() {
                    alert("test");
                },
            },
        })
    </script>
@endsection