@extends('admin.layout.master')
@section('title', 'Set Up Report Layout')
@section('custom_style')
    <style>
        .table th, td {
            border: 1px solid !important;
            padding: 2px 5px !important;
        }
    </style>
@endsection

@section('content')

<div class="card sina-card">
    <div class="card-header card-header-s">
        <h4>Missing/Duplicate Ledger</h4>
    </div>
    <div class="card-body">
        <table class="table table-bordered" id="missing_ledger">
            <thead>
                <tr>
                    <th>Sl</th>
                    <th>Code</th>
                    <th>Name</th>
                    <th>Type</th>
                </tr>
            </thead>
            @php
                $sl = 1;
                $loop_arr = [$missing_ledgers, $duplicate_ledgers];
            @endphp
            <tbody>
                @for($i = 0; $i < 2; $i++)
                    @foreach ($loop_arr[$i] as $d)
                        <tr>
                            <td class="{{ $d->type == 1 ? 'font-weight-bold' : '' }}">{{ $sl++ }}</td>
                            <td class="{{ $d->type == 1 ? 'font-weight-bold' : '' }}">{{ $d->auto_code }}</td>
                            <td class="{{ $d->type == 1 ? 'font-weight-bold' : '' }}" style="padding-left: {{ ($d->acc_level-1)*15 }}px!important;">{{ $d->name }}</td>
                            <td class="{{ $i == 1 ? 'font-weight-bold' : '' }}">{{ $i == 0 ? 'Missing' : 'Duplicate' }}</td>
                        </tr>
                    @endforeach
                @endfor
            </tbody>
        </table>
    </div>
</div>
@endsection

@section('script')
    <script>
        $(document).ready(function(){
            $('#missing_ledger').DataTable({
                ordering: false,
                paging: false
            });
        });
    </script>
@endsection