@extends('layouts.app', ['page' => 'invoices'])

@section('title', __('messages.update_invoice'))

@section('page_header')
<div class="orders-page">
    <div class="page__heading d-flex align-items-center justify-content-between flex-wrap">
        <div class="flex">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-1">
                    <li class="breadcrumb-item">
                        <a href="#"><i class="material-icons icon-20pt">home</i></a>
                    </li>
                    <li class="breadcrumb-item" aria-current="page">
                        <a href="{{ route('invoices') }}">{{ __('messages.invoices') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                        {{ __('messages.update_invoice') }}
                    </li>
                </ol>
            </nav>

            <h1 class="m-0 page-title">{{ __('messages.update_invoice') }}</h1>
        </div>
    </div>
</div>
@endsection
 
@section('content')
<div class="orders-page">
    <div class="card table-card">
        <div class="card-body">
            <form action="{{ route('invoices.update', $invoice->id) }}" method="POST">
                @include('layouts._form_errors')
                @csrf

                @include('application.invoices._form')
            </form>
        </div>
    </div>
</div>
@endsection

@section('page_body_scripts')
    @include('application.invoices._js')
    <script>
        $(document).ready(function() {
            setupCustomer();

            $('tbody tr').each(function(index, element) {
                var row = $(element);

                // If the row is template just continue
                if (row.attr('id') === 'product_row_template') return;

                var productInput = row.find('[name="product[]"]');
                initializeProductSelect2(productInput);

                var taxInput = row.find('[name="taxes[]"]');
                initializeTaxSelect2(taxInput);
            });

            initializePriceListener();
            calculateRowPrice();
        });
    </script>
@endsection