@extends('layouts.pdf')

@push('include-css')
    <link rel="stylesheet" href="{{ asset('asset/css/main-report.css') }}">
@endpush

@section('title')
    {{ config('settings.company_name') }} -> {{ $extra['module_name'] }}
@endsection
@section('content')
    <div class="mid">
        <h2 class="text-center">{{ config('settings.company_name') }}</h2>
        <h5 class="text-center ">{{ config('settings.address_1') }}</h5>
        <hr>
        <h4 class="text-center mb-4">{{ $extra['voucher_type'] }}</h4>
    </div>
    <div class="mid mb-3">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-lg-12 col-xl-12">
                <table class="table table-bordered table-sm">
                    <thead>
                        <tr>
                            <td class="text-right">Search By:</td>
                            <td class="text-right">Ledger Type</td>
                            <th class="text-left">{{ $search_by['group_name'] }}</th>
                            <td class="text-right">Branch Name:</td>
                            <th>{{ $search_by['branch_name'] }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <div class="mid">
        @php
            $grand_total = 0;
        @endphp
        @foreach ($particulars as $key => $groups)
            <table class="table table-bordered table-sm table-hover">
                <thead>
                    <tr>
                        <th class="text-center padding-t-8" colspan="2">
                            <h3>{{ $key }}</h3>
                        </th>
                    </tr>
                    @if ($search_by['start_from'])
                        <tr>
                            <th class="text-center">
                            </th>
                            <th class="text-center">
                                <h5>From {{ $search_by['start_from'] }} To {{ $search_by['start_to'] }}</h5>
                            </th>
                        </tr>
                    @endif
                    <tr>
                        <th class="text-left" scope="col">Groups Name</th>
                        <th class="text-right" scope="col">