@extends('layouts.backend.index')
@section('title', $label)

@section('content')
<div class="card">
    <div class="card-body">
        <x-section-header action="create" :icon="$icon" :label="$label" hr-class="mb-4" />

        <div class="row">
            <div class="col-sm-6">
                <table class="table-padding">
                    <tr>
                        <td>Termin</td>
                        <td class="divide">:</td>
                        <td>{{ $invoice->termin }}</td>
                    </tr>
                    <tr>
                        <td>No. Invoice</td>
                        <td class="divide">:</td>
                        <td>{{ $invoice->number }}</td>
                    </tr>
                    <tr>
                        <td>Tgl. Jatuh Tempo</td>
                        <td class="divide">:</td>
                        <td>{{ Common::dateFormat($invoice->duedate, 'dd mmmm yyyy') }}</td>
                    </tr>
                    <tr>
                        <td>Total Biaya</td>
                        <td class="divide">:</td>
                        <td>{{ 'Rp. ' . number_format($invoice->total, 0, '', '.') }}</td>
                    </tr>
                </table>
            </div>
            <div class="col-sm-6">
                <table class="table-padding">
                    <tr>
                        <td>Nama Pelanggan</td>
                        <td class="divide">:</td>
                        <td>{{ $invoice->workorder->sales->customer->name }}</td>
                    </tr>
                    <tr>
                        <td>Tipe Bahan</td>
                        <td class="divide">:</td>
                        <td>{{ $invoice->workorder->sales->material->name }}</td>
                    </tr>
                    <tr>
                        <td>Keterangan</td>
                        <td class="divide">:</td>
                        <td></td>
                    </tr>
                </table>

                {{ $invoice->workorder->sales->material_descr }}
            </div>
        </div>
        <hr>

        <form method="post" action="{{ route('order.work.store.payment', $invoice->encrypted_id) }}" class="form-block" enctype="multipart/form-data">
            @csrf
            
            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.input-text
                        name="payment_number"
                        label="No. Referensi"
                        :old="old('payment_number')"
                    />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.date-picker
                        name="payment_date"
                        label="Tanggal Bayar"
                        picker-type="date"
                        :old="old('payment_date', date('Y-m-d'))"
                    />
                </div>
                <div class="col-sm-4 col-md-3">
                    <x-form.input-group-mask
                        name="payment_amount"
                        label="Jumlah Bayar"
                        mask="nominal"
                        addon="Rp"
                        :old="old('payment_amount', $invoice->total)"
                    />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <x-form.input-file name="photo" label="Bukti Pembayaran" />
                </div>
            </div>

            <x-form.button-submit :cancel-route="route('order.work.invoice-detail', $invoice->workorder->encrypted_id)" />
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
const error = "@isset($errors->all()[0]) {{ $errors->all()[0] }} @endisset"

$(document).ready(function() {
    if (error != "")
        setNotiffail(error)
    
    $(".nominal-mask").inputmask({alias: "nominal"})
})
</script>
@endpush