@extends('layouts.app')
@push('css')
    @include('components.dataTable-style-links')
    <style>
        table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
        }

        @media print {
            .page-break {
                page-break-after: always;
            }
        }
    </style>
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-cards-variant menu-icon"></i>
                </span>
                {{ __('Purchase Report') }}
            </h3>
        </div>
        <div class="container bg-white rounded mb-3 p-3">
            <form id="search-form" data-print-url="{{ route('dashboard.report.purchase-report.data') }}" method="POST"
                action="{{ route('dashboard.report.purchase-report.data') }}">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label>{{ __('Select Item') }}</label>
                            <select class="select2 form-control" id="item-id" name="item_id">
                                @foreach (\App\Models\Item::pluck('name', 'id') as $id => $name)
                                    <option value="{{ $id }}">{{ $name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label>{{ __('Purchase Type') }}</label>
                            <select class="select2 form-control" id="invoice-type" name="invoice_type">
                                @foreach (\App\Enums\InvoiceTypeShortcutEnum::cases() as $item)
                                    <option value="{{ $item->value }}">{{ __($item->name) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label>{{ __('From Date') }}</label>
                            <input type="date" id="from-date" class="form-control" name="from"
                                value="{{ now()->startOfYear()->format('Y-m-d') }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label>{{ __('To Date') }}</label>
                            <input type="date" id="to-date" class="form-control" name="to"
                                value="{{ now()->endOfYear()->format('Y-m-d') }}">
                        </div>
                    </div>
                    <div class="mt-4 text-center">
                        <button class="btn btn-primary">{{ __('Search') }}</button>
                    </div>
                </div>
            </form>
        </div>
        <div id="result" style="max-height:500px;overflow:auto"></div>
        @include('dashboard.accounting.trial-balance-report.show-modal')
        <button id="print-all" class="btn btn-primary mt-3">
            {{ __('Print') }}
        </button>
    </div>
@endsection

@section('scripts')
    @include('components.dataTable-script-links')
    <script src="{{ asset('assets/js/pages/common/loader-for-post-request.js') }}"></script>
    <script src="{{ asset('assets/js/equivalent.js') }}"></script>
    <script src="{{ asset('assets/js/pages/report/purchase-report.js') }}"></script>
    <script>
        $('.select2').select2();
    </script>
@endsection