@extends('layouts.app')

@section('title', __('Reports'))

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-md-10 col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('Reports') }}</h5>
                    </div>
                    <div class="card-body">
                        <form id="report-form" method="post" target="_blank">
                            @csrf
                            <div class="form-row">
                                <div class="col-md-6">
                                    <label for="type">{{ __('Report') }}</label>
                                    <select id="type" class="custom-select mb-2">
                                        <option value="{{ route('report.assets') }}">{{ __('Assets') }}</option>
                                        <option value="{{ route('report.expenses') }}">{{ __('Expenses') }}</option>
                                        <option value="{{ route('report.incomes') }}">{{ __('Incomes') }}</option>
                                        <option value="{{ route('report.invoices') }}">{{ __('Invoices') }}</option>
                                        <option value="{{ route('report.projects') }}">{{ __('Project') }}</option>
                                        <option value="{{ route('report.customers') }}">{{ __('Customers') }}</option>
                                        <option value="{{ route('report.suppliers') }}">{{ __('Suppliers') }}</option>
                                        {{--<option value="{{ route('report.balance') }}">{{ __('Balance') }}</option>--}}
                                        <option
                                            value="{{ route('report.warehouse.items') }}">{{ __('Warehouses Items') }}</option>
                                        <option
                                            value="{{ route('report.warehouse.transferred') }}">{{ __('Warehouses Transferred Items') }}</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label for="status">{{ __('Status') }}</label>
                                    <select id="status" name="status" class="custom-select mb-2" disabled>
                                        <option value="1">{{ __('Active') }}</option>
                                        <option value="0">{{ __('Not Active') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="from_date">{{ __('From') }}</label>
                                        <input type="date" id="from_date" name="from_date" class="form-control mb-2">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="to_date">{{ __('To') }}</label>
                                        <input type="date" id="to_date" name="to_date" class="form-control mb-2">
                                    </div>
                                </div>
                            </div>
                            <a href="javascript:void(0);" type="button" id="submit"
                               class="btn btn-primary">{{ __('Generate') }}</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $('#submit').on('click', function (e) {
            e.preventDefault();
            let url = $('#type').val(),
                form = $('#report-form');

            form.attr('action', url);
            form.submit();
        });
        $('#type').on('change', function () {
            let value = $(this).val(),
                status = $('#status');
            if (value == "{{ route('report.projects') }}") {
                status.removeAttr('disabled');
            } else {
                status.attr('disabled', 'true');
            }
        });
    </script>
@endsection