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

@section('title', __('messages.create_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.create_invoice') }}
                    </li>
                </ol>
            </nav>

            <h1 class="m-0 page-title">{{ __('messages.create_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.store') }}" 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() {
            addProductRow();
        });
    </script>
@endsection