@extends('layouts.app')
@push('css')
    <style>
        .label {
            font-size: 18px !important;
        }
    </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> {{ __('Create New Purchase') }}
            </h3>
        </div>
        <div class="bg-white rounded p-3">
            <form action="{{ route('dashboard.operations.purchases.add-item') }}" class="mb-3 border p-2" id="add-item-form">
                <div class="row">
                    <div class="col-md-4 mb-2">
                        <div class="form-group">
                            <label class="label">{{ __('Item Name') }}</label>
                            <select name="item" class="form-control select2">
                                <option>{{ __('Select') }}</option>
                                @foreach (\App\Models\Item::pluck('name', 'id') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group">
                            <label class="label">{{ __('Supplier Name') }}</label>
                            <select name="supplier" class="form-control select2">
                                <option>{{ __('Select') }}</option>
                                @foreach (\App\Models\Accounting\Supplier::pluck('name', 'id') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group">
                            <label class="label">{{ __('Inventory Name') }}</label>
                            <select name="inventory" class="form-control select2">
                                <option>{{ __('Select') }}</option>
                                @foreach (\App\Models\Inventories\Inventory::pluck('name', 'id') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6 mb-2">
                        <div class="form-group">
                            <label class="label">{{ __('Quantity/Weight') }}</label>
                            <input step="any" min="0" name="value" type="number" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-6 mb-2">
                        <div class="form-group">
                            <label class="label">{{ __('Price') }}</label>
                            <input step="any" min="0" name="price" type="number" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-6 mb-2">
                        <div class="form-group">
                            <label class="label">{{ __('Production Date') }}</label>
                            <input name="production_date" type="date" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-6 mb-2">
                        <div class="form-group">
                            <label class="label">{{ __('Expire Date') }}</label>
                            <input name="expire_date" type="date" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-12 mb-2">
                        <button class="btn btn-primary w-100">{{ __('Add Item') }}</button>
                    </div>
                </div>
            </form>
            <form data-index="{{ route('dashboard.operations.purchases.index') }}" method="POST" id="add-form"
                action="{{ route('dashboard.operations.purchases.store') }}" enctype="multipart/form-data">
                @csrf

                <div class="table-responsive">
                    <table class="table" id="items">
                        <thead>
                            <tr class="bg-main">
                                <th>{{ __('Item Name') }}</th>
                                <th>{{ __('Supplier') }}</th>
                                <th>{{ __('Inventory Name') }}</th>
                                <th>{{ __('Quantity/Weight') }}</th>
                                <th>{{ __('Price') }}</th>
                                <th>{{ __('Production Date') }}</th>
                                <th>{{ __('Expire Date') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>

                <div class="row mt-5">
                    <div class="col-md-12 mb-2">
                        <div class="form-group  ">
                            <label class="label">{{ __('Invoice Type') }}</label>
                            <select name="invoice_type" class="form-control select2">
                                @foreach (\App\Enums\InvoiceTypeShortcutEnum::cases() as $item)
                                    <option value="{{ $item->value }}">{{ __(ucfirst($item->value)) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group  ">
                            <label class="label">{{ __('Shipping') }}</label>
                            <select name="shipping_type" class="form-control select2">
                                <option value="land" selected>{{ __('land') }}</option>
                                <option value="air">{{ __('air') }}</option>
                                <option value="sea">{{ __('sea') }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Shipping Price') }}</label>
                            <input step="any" min="0" value="0" class="form-control" type="number"
                                name="shipping_price">
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Customs expenses') }}</label>
                            <input step="any" min="0" value="0" class="form-control" type="number"
                                name="customs">
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Clearance expenses') }}</label>
                            <input step="any" min="0" value="0" class="form-control" type="number"
                                name="clearance">
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Tax expenses') }}</label>
                            <input step="any" min="0" value="0" class="form-control" type="number"
                                name="tax">
                        </div>
                    </div>
                    <div class="col-md-4 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Workers Expenses') }}</label>
                            <input step="any" min="0" value="0" class="form-control" type="number"
                                name="workers_expenses">
                        </div>
                    </div>
                    <div class="col-md-12 mb-2">
                        <div class="form-group">
                            <label class="label" style="display: block; text-align: right;">{{ __('Date and Time') }}</label>
                            <input type="datetime-local" class="form-control" name="date_time"
                                value="{{ \Carbon\Carbon::now()->format('Y-m-d\TH:i') }}" dir="rtl">
                        </div>
                    </div>
                    
                    <div class="col-md-6 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Discount Type') }}</label>
                            <select name="discount_type" class="form-control select2">
                                <option value="" selected>{{ __('Select') }}</option>
                                <option value="fixed">{{ __('Fixed') }}</option>
                                <option value="percentage">{{ __('Percentage') }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Discount Amount') }}</label>
                            <input step="any" min="0" value="0" class="form-control" type="number"
                                name="discount_amount">
                        </div>
                    </div>

                    <div class="col-md-12 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Note') }}</label>
                            <textarea class="form-control" type="note"></textarea>
                        </div>
                    </div>
                    <div class="col-md-6 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Sub Total') }}</label>
                            <input step="any" class="form-control" type="number" readonly name="sub_total">
                        </div>
                    </div>
                    <div class="col-md-6 mb-2">
                        <div class="form-group ">
                            <label class="label">{{ __('Total') }}</label>
                            <input step="any" class="form-control" type="number" readonly name="total">
                        </div>
                    </div>
                    <div class="col-md-12 mb-2">
                        <input type="file" name="files[]" id="filepond" multiple>
                    </div>
                    <div class="col-md-12">
                        <button class="btn btn-primary w-100">{{ __('Add Invoice') }}</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('scripts')
    <script src="{{ asset('assets/js/pages/common/loader-for-post-request.js') }}"></script>
    <script src="{{ asset('assets/js/pages/operations/create-purchase.js') }}"></script>
@endsection