@extends('layout')

@section('h4-page', __('Taxinvoice'))

<style>
    .img-doc {
        width: 20px;
        height: auto;
    }
    .table-responsive{
        background-color: white;
    }
</style>

@section('contents')
    <div class="row layout-top-spacing">
        <div class="col-lg-12 col-md-12 mb-md-0 mb-4">
            <div class="mb-3">
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show " role="alert">
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger mt-3 ">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
            <div class="card mb-3 mt-3">
                <div class="card-body">
                    <ul class="list-group">
                        <li class="list-group-item border-0 px-0">
                            <div class="form-group ps-0">
                                <div class="" style="position: relative">
                                    <label for="" class="form-label">{{ __('Search') }}</label>
                                    <input class="form-control" type="search" id="searchInput"
                                        placeholder="{{ __('Search') }}">
                                    <div style="position: absolute; top: 1rem; right: 1rem; cursor: pointer;">
                                        {{-- <span class="input-group-append" onclick="searchInput()">
                                            <i class="fa fa-search"></i>
                                        </span> --}}
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ __('No') }}</th>
                            <th>{{ __('Date') }}</th>
                            <th>{{ __('AccountName') }}</th>
                            <th>{{ __('Grand Total') }}</th>
                            <th class="text-center">{{ __('Action') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (isset($main))
                            @forelse ($main as $key => $item)
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>{{ $item->no }}</td>
                                    <td>{{ date('d-m-Y', strtotime($item->date)) }}</td>
                                    <td>{{ $item->name }}</td>
                                    <td>{{ number_format($item->grand_total, 2) }}</td>
                                    <td> <a href="{{ route('taxinvoice.edit', $item->id) }}"
                                            class="btn btn-light-info">{{ __('edit') }}</a>
                                        <a class="btn btn-export" href="{{ url('/documents/taxinvoice?id=' . $item->id) }}"
                                            target="_blank"> <img
                                                src="{{ asset('img/export_doc.png') }}" alt="icon" class="img-doc"></a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center">{{ __('NoDataFound') }}</td>
                                </tr>
                            @endforelse
                        @else
                            <tr>
                                <td colspan="6" class="text-center">{{ __('NoDataFound') }}</td>
                            </tr>
                        @endif

                    </tbody>
                </table>
            </div>
            <div class="d-flex justify-content-end pb-0">
                {{ @$main->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>
@endsection