@extends('layouts.app')
@section('title', $mode === 'supplier' ? __('app.payment_to_supplier') : __('app.received_from_customer'))
@section('content')
<div class="page-head"><div><h1><i class="fa-solid {{ $mode === 'supplier' ? 'fa-money-bill-transfer' : 'fa-hand-holding-dollar' }}"></i> {{ $mode === 'supplier' ? __('app.payment_to_supplier') : __('app.received_from_customer') }}</h1><p>{{ __('app.payment_form_hint') }}</p></div><a class="btn secondary" href="{{ route('payments.index') }}">{{ __('app.back') }}</a></div>
@php($payment = $payment ?? null)
<form class="panel form-grid wizard animated-panel" method="post" action="{{ $payment ? route('payments.update',$payment) : route('payments.store',$mode) }}">
@csrf @if($payment) @method('put') @endif
<div class="wizard-steps wide">
    <div class="wizard-step active"><span>1</span>{{ __('app.party') }}</div>
    <div class="wizard-step"><span>2</span>{{ __('app.amount') }}</div>
    <div class="wizard-step"><span>3</span>{{ __('app.finish') }}</div>
</div>
<div class="wizard-panel active wide form-grid">
    <div class="section-title wide">{{ __('app.party_information') }}</div>
    @if($mode === 'supplier')
    <div class="form-outline wide"><select class="form-control" name="supplier_id" required><option value="">---</option>@foreach($suppliers as $s)<option value="{{ $s->id }}" @selected(old('supplier_id',$payment->supplier_id ?? null)==$s->id)>{{ $s->name }} - {{ $s->phone }} - {{ number_format($s->balance(),2) }}</option>@endforeach</select><label class="form-label">{{ __('app.supplier') }}</label></div>
    @else
    <div class="form-outline wide"><select class="form-control" name="customer_id" required><option value="">---</option>@foreach($customers as $c)<option value="{{ $c->id }}" @selected(old('customer_id',$payment->customer_id ?? null)==$c->id)>{{ $c->name }} - {{ $c->phone }} - {{ number_format($c->balance(),2) }}</option>@endforeach</select><label class="form-label">{{ __('app.customer') }}</label></div>
    @endif
    <div class="wizard-actions wide"><span></span><button type="button" class="btn" data-wizard-next>{{ __('app.next') }} <i class="fa-solid fa-arrow-right"></i></button></div>
</div>
<div class="wizard-panel wide form-grid">
    <div class="section-title wide">{{ __('app.payment_information') }}</div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" type="date" name="payment_date" placeholder=" " value="{{ old('payment_date',$payment?->payment_date?->format('Y-m-d') ?? date('Y-m-d')) }}" required><label class="form-label">{{ __('app.date') }}</label></div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" type="number" step="0.01" name="amount" placeholder=" " value="{{ old('amount',$payment->amount ?? '') }}" required><label class="form-label">{{ __('app.amount') }}</label></div>
    <div class="form-outline"><select class="form-control" name="currency" required>@foreach($currencies as $currency)<option value="{{ $currency->code }}" data-rate="{{ $currency->exchange_rate }}" @selected(old('currency',$payment->currency ?? null)===$currency->code || (!$payment && $currency->is_default))>{{ $currency->code }} - {{ $currency->name }}</option>@endforeach</select><label class="form-label">{{ __('app.currency') }}</label></div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" type="number" step="0.0001" name="exchange_rate" placeholder=" " value="{{ old('exchange_rate',$payment->exchange_rate ?? 1) }}" required><label class="form-label">{{ __('app.exchange_rate') }}</label></div>
    <div class="form-outline"><select class="form-control" name="method" required>@foreach(['cash','bank','hawala','card','other'] as $m)<option value="{{ $m }}" @selected(old('method',$payment->method ?? 'cash')===$m)>{{ __('app.'.$m) }}</option>@endforeach</select><label class="form-label">{{ __('app.method') }}</label></div>
    <div data-mdb-input-init class="form-outline"><input class="form-control" name="reference" placeholder=" " value="{{ old('reference',$payment->reference ?? '') }}"><label class="form-label">{{ __('app.reference') }}</label></div>
    <div class="wizard-actions wide"><button type="button" class="btn secondary" data-wizard-prev>{{ __('app.previous') }}</button><button type="button" class="btn" data-wizard-next>{{ __('app.next') }}</button></div>
</div>
<div class="wizard-panel wide form-grid">
    <div class="section-title wide">{{ __('app.finish') }}</div>
    <div data-mdb-input-init class="form-outline wide"><textarea class="form-control" name="notes" placeholder=" ">{{ old('notes',$payment->notes ?? '') }}</textarea><label class="form-label">{{ __('app.notes') }}</label></div>
    <div class="wizard-actions wide"><button type="button" class="btn secondary" data-wizard-prev>{{ __('app.previous') }}</button><button class="btn pulse-soft"><i class="fa-solid fa-check"></i> {{ __('app.save') }}</button></div>
</div>
</form>
@endsection