@extends('layouts.app')

@section('title', __('New Income'))

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('New Income') }}</h5>
                    </div>

                    <div class="card-body">
                        <form method="post" action="{{ route('income.store') }}">
                            @csrf

                            <div class="form-row">
                                <div class="form-group col-md-3">
                                    <label for="invoice">{{ __('Select Invoice') }}</label>
                                    <select id="invoice"
                                            class="custom-select @if($errors->has('invoice')) is-invalid @endif"
                                            name="invoice">
                                        <option value="" selected>{{ __('Select Invoice') }}</option>
                                        @foreach($invoices as $invoice)
                                            @if($invoice->customer)
                                                <option
                                                    value="{{ $invoice->id }}" @if(old('invoice') == $invoice->id) selected @endif>{{ env('invoices_shortcut'). $invoice->id . " ( " . $invoice->customer->name . " - " . $invoice->due . " )" }}</option>
                                            @else($invoice->project)
                                                <option
                                                    value="{{ $invoice->id }}" @if(old('invoice') == $invoice->id) selected @endif>{{ env('invoices_shortcut'). $invoice->id . " ( " . $invoice->project->number . " - " . $invoice->due . " )" }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-tooltip">
                                        @if($errors->has('invoice'))
                                            {{ $errors->first('invoice') }}
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="invoice_date">{{ __('Invoice Date') }}</label>
                                    <input id="invoice_date" class="form-control" name="date" value="{{ old('date') }}" type="date" readonly>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="invoice_from">{{ __('Invoice From') }}</label>
                                    <input id="invoice_from" class="form-control" name="from" value="{{ old('from') }}" type="date" readonly>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="invoice_to">{{ __('Invoice To') }}</label>
                                    <input id="invoice_to" class="form-control" name="to" value="{{ old('to') }}" type="date" readonly>
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-3">
                                    <label for="invoice_total">{{ __('Invoice Total') }}</label>
                                    <input id="invoice_total" class="form-control" name="total" value="{{ old('total') }}" type="number" readonly>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="invoice_due">{{ __('Invoice Due') }}</label>
                                    <input id="invoice_due" class="form-control" name="due" value="{{ old('due') }}" type="number" readonly>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="amount">{{ __('Amount') }}</label>
                                    <input id="amount"
                                           class="form-control @if($errors->has('amount')) is-invalid @endif"
                                           name="amount" type="number"
                                           value="{{ old('amount') }}" min="1">
                                    <div class="invalid-tooltip">
                                        @if($errors->has('amount'))
                                            {{ $errors->first('amount') }}
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="discount">{{ __('Discount') }}</label>
                                    <input id="discount"
                                           class="form-control @if($errors->has('discount')) is-invalid @endif"
                                           name="discount" type="number"
                                           value="{{ old('discount') }}">
                                    <div class="invalid-tooltip">
                                        @if($errors->has('discount'))
                                            {{ $errors->first('discount') }}
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-12">
                                    <label for="notes">{{ __('Notes') }}</label>
                                    <textarea id="notes" name="notes" class="form-control">{{ old('notes') }}</textarea>
                                </div>
                            </div>

                            <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $('#invoice').select2().on('select2:select', function (e) {
            let id = e.params.data.id,
                url = "{{ route('getInvoiceJson', ':id') }}";
            if (id != "") {
                $.ajax({
                    url: url.replace(':id', id),
                    success: function (data) {
                        $('#invoice_date').val(data.date);
                        $('#invoice_from').val(data.from);
                        $('#invoice_to').val(data.to);
                        $('#invoice_total').val(data.total);
                        $('#invoice_due').val(data.due);
                    }
                });
            } else {
                $('#invoice_date').val("");
                $('#invoice_from').val("");
                $('#invoice_to').val("");
                $('#invoice_total').val("");
                $('#invoice_due').val("");
            }
        });

    </script>
@stop