@extends('layouts.master')

@section('content')

<div class="workflow-page">

    <div class="workflow-header">

        <div>

            <h1 class="workflow-title">
                Edit Stock Receipt
            </h1>

            <div class="workflow-subtitle">
                Continue working on draft receipt
            </div>

        </div>

    </div>

    @if(
        isset($workflowRequest) &&
        $workflowRequest &&
        $workflowRequest->status === 'RETURNED'
    )

        <div class="workflow-card">

            <div class="workflow-card-body">

                <div class="workflow-alert workflow-alert-warning">

                    <strong>
                        Returned For Correction
                    </strong>

                    <br>

                    This receipt was returned by the approver.
                    Review the comments and resubmit.

                </div>

            </div>

        </div>

    @endif

    <form method="POST"
          action="{{ route('supply.receipts.update', $receipt->id) }}">

        @csrf
        @method('PUT')

        {{-- RECEIPT INFORMATION --}}

        <div class="workflow-card">

            <div class="workflow-card-header">
                Receipt Information
            </div>

            <div class="workflow-card-body">

                <div class="workflow-grid-3">

                    <div class="workflow-form-group">

                        <label>Receipt Number</label>

                        <input type="text"
                               value="{{ $receipt->receipt_no }}"
                               readonly>

                    </div>

                    <div class="workflow-form-group">

                        <label>Receipt Date</label>

                        <input type="date"
                               name="receipt_date"
                               value="{{ old('receipt_date', $receipt->receipt_date) }}">

                    </div>

                    <div class="workflow-form-group">

                        <label>Supplier</label>

                        <select name="supplier_id" required>

                            <option value="">
                                Select Supplier
                            </option>

                            @foreach($suppliers as $supplier)

                                <option value="{{ $supplier->id }}"
                                    {{ $receipt->supplier_id == $supplier->id ? 'selected' : '' }}>

                                    {{ $supplier->supplier_name }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                    <div class="workflow-form-group">

                        <label>Delivery Note</label>

                        <input type="text"
                               name="delivery_note"
                               value="{{ old('delivery_note', $receipt->delivery_note_no) }}">

                    </div>

                    <div class="workflow-form-group">

                        <label>Invoice Number</label>

                        <input type="text"
                               name="invoice_no"
                               value="{{ old('invoice_no', $receipt->invoice_no) }}">

                    </div>

                    <div class="workflow-form-group">

                        <label>Receiving Location</label>

                        <select name="location_id" required>

                            <option value="">
                                Select Location
                            </option>

                            @foreach($locations as $location)

                                <option value="{{ $location->id }}"
                                    {{ $receipt->location_id == $location->id ? 'selected' : '' }}>

                                    {{ $location->name }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                </div>

            </div>

        </div>

        {{-- RECEIPT ITEMS --}}

        <div class="workflow-card">

            <div class="workflow-card-header">
                Receipt Items
            </div>

            <div class="workflow-card-body">

                <table class="workflow-table">

                    <thead>

                        <tr>

                            <th>Item</th>
                            <th>Batch No</th>
                            <th>Expiry Date</th>
                            <th>Quantity</th>
                            <th>Unit Cost</th>
                            <th>Total</th>
                            <th width="120">Action</th>

                        </tr>

                    </thead>

                    <tbody id="receipt-items-body">

                        @forelse($receiptItems as $receiptItem)

                            <tr>

                                <td>

                                    <select name="item_id[]" required>

                                        <option value="">
                                            Select Item
                                        </option>

                                        @foreach($items as $item)

                                            <option value="{{ $item->id }}"
                                                {{ $receiptItem->item_id == $item->id ? 'selected' : '' }}>

                                                {{ $item->item_code }}
                                                -
                                                {{ $item->item_name }}

                                            </option>

                                        @endforeach

                                    </select>

                                </td>

                                <td>

                                    <input type="text"
                                           name="batch_no[]"
                                           value="{{ $receiptItem->batch_no }}">

                                </td>

                                <td>

                                    <input type="date"
                                           name="expiry_date[]"
                                           value="{{ $receiptItem->expiry_date }}">

                                </td>

                                <td>

                                    <input type="number"
                                           min="1"
                                           name="quantity[]"
                                           value="{{ $receiptItem->quantity_received }}">

                                </td>

                                <td>

                                    <input type="number"
                                           step="0.01"
                                           min="0"
                                           name="unit_cost[]"
                                           value="{{ $receiptItem->unit_cost }}">

                                </td>

                                <td>

                                    <input type="number"
                                           step="0.01"
                                           readonly
                                           name="line_total[]"
                                           value="{{ $receiptItem->line_total }}">

                                </td>

                                <td>

                                    <button type="button"
                                            class="workflow-btn workflow-btn-outline remove-row">

                                        Remove

                                    </button>

                                </td>

                            </tr>

                        @empty

                            <tr>

                                <td>

                                    <select name="item_id[]" required>

                                        <option value="">
                                            Select Item
                                        </option>

                                        @foreach($items as $item)

                                            <option value="{{ $item->id }}">

                                                {{ $item->item_code }}
                                                -
                                                {{ $item->item_name }}

                                            </option>

                                        @endforeach

                                    </select>

                                </td>

                                <td>
                                    <input type="text" name="batch_no[]">
                                </td>

                                <td>
                                    <input type="date" name="expiry_date[]">
                                </td>

                                <td>
                                    <input type="number" min="1" name="quantity[]">
                                </td>

                                <td>
                                    <input type="number" step="0.01" min="0" name="unit_cost[]">
                                </td>

                                <td>
                                    <input type="number"
                                           step="0.01"
                                           readonly
                                           name="line_total[]">
                                </td>

                                <td>

                                    <button type="button"
                                            class="workflow-btn workflow-btn-outline remove-row">

                                        Remove

                                    </button>

                                </td>

                            </tr>

                        @endforelse

                    </tbody>

                </table>

                <div style="margin-top:15px;">

                    <button type="button"
                            id="add-item-btn"
                            class="workflow-btn workflow-btn-primary">

                        + Add Item

                    </button>

                </div>

            </div>

        </div>

        {{-- REMARKS --}}

        <div class="workflow-card">

            <div class="workflow-card-header">
                Remarks
            </div>

            <div class="workflow-card-body">

                <textarea rows="4"
                          name="remarks">{{ old('remarks', $receipt->remarks) }}</textarea>

            </div>

        </div>

        <div class="workflow-actions">

            <a href="{{ route('supply.receipts.show', $receipt->id) }}"
               class="workflow-btn workflow-btn-outline">

                Cancel

            </a>

            <button type="submit"
                    name="action"
                    value="draft"
                    class="workflow-btn workflow-btn-secondary">

                Update Draft

            </button>

            <button type="submit"
                    name="action"
                    value="submit"
                    class="workflow-btn workflow-btn-success">

                Submit For Approval

            </button>

        </div>

    </form>

</div>

<script>

document.addEventListener('input', function (e) {

    if (
        e.target.name !== 'quantity[]' &&
        e.target.name !== 'unit_cost[]'
    ) {
        return;
    }

    let row =
        e.target.closest('tr');

    let quantity =
        parseFloat(
            row.querySelector(
                'input[name="quantity[]"]'
            ).value
        ) || 0;

    let unitCost =
        parseFloat(
            row.querySelector(
                'input[name="unit_cost[]"]'
            ).value
        ) || 0;

    row.querySelector(
        'input[name="line_total[]"]'
    ).value =
        (
            quantity *
            unitCost
        ).toFixed(2);

});

document
.getElementById('add-item-btn')
.addEventListener('click', function () {

    let tbody =
        document.getElementById(
            'receipt-items-body'
        );

    let firstRow =
        tbody.querySelector('tr');

    let newRow =
        firstRow.cloneNode(true);

    newRow.querySelectorAll('input')
        .forEach(function(input) {

            if (
                input.name === 'line_total[]'
            ) {

                input.value = '0.00';

            } else {

                input.value = '';

            }

        });

    newRow.querySelectorAll('select')
        .forEach(function(select) {

            select.selectedIndex = 0;

        });

    tbody.appendChild(newRow);

});

document.addEventListener('click', function(e){

    if (
        !e.target.classList.contains(
            'remove-row'
        )
    ) {
        return;
    }

    let rows =
        document.querySelectorAll(
            '#receipt-items-body tr'
        );

    if (rows.length === 1) {
        return;
    }

    e.target
        .closest('tr')
        .remove();

});

</script>

@endsection