@extends('layouts.app')
@section('title','Cobrança')
@section('content')
<div class="topbar"><h2>{{ $charge->exists ? 'Editar' : 'Nova' }} Cobrança</h2></div>
<div class="card" style="max-width:700px">
<form method="POST" action="{{ $charge->exists ? route('charges.update',$charge) : route('charges.store') }}">
  @csrf @if($charge->exists) @method('PUT') @endif
  <div class="field"><label>Cliente *</label>
    <select name="client_id" required>
      <option value="">Selecione</option>
      @foreach($clients as $cl)
        <option value="{{ $cl->id }}" {{ old('client_id',$charge->client_id)==$cl->id?'selected':'' }}>{{ $cl->name }}</option>
      @endforeach
    </select>
  </div>
  <div class="field"><label>Descrição *</label><input name="description" required value="{{ old('description',$charge->description) }}"></div>
  <div class="grid grid-2">
    <div class="field"><label>Valor (R$) *</label><input type="number" step="0.01" min="0.01" name="amount" required value="{{ old('amount',$charge->amount) }}"></div>
    <div class="field"><label>Vencimento *</label><input type="date" name="due_date" required value="{{ old('due_date',$charge->due_date?->format('Y-m-d')) }}"></div>
  </div>
  <div class="field">
    <label><input type="checkbox" name="recurrence_active" value="1" {{ old('recurrence_active',$charge->recurrence_active)?'checked':'' }}> Cobrança recorrente</label>
  </div>
  <div class="grid grid-2">
    <div class="field"><label>Frequência</label>
      <select name="recurrence_frequency">
        <option value="">—</option>
        @foreach(['weekly'=>'Semanal','monthly'=>'Mensal','yearly'=>'Anual'] as $k=>$v)
          <option value="{{ $k }}" {{ old('recurrence_frequency',$charge->recurrence_frequency)==$k?'selected':'' }}>{{ $v }}</option>
        @endforeach
      </select>
    </div>
    <div class="field"><label>Termina em (opcional)</label><input type="date" name="recurrence_end_date" value="{{ old('recurrence_end_date',$charge->recurrence_end_date?->format('Y-m-d')) }}"></div>
  </div>
  <div class="flex">
    <button class="btn btn-primary">Salvar</button>
    <a href="{{ route('charges.index') }}" class="btn btn-secondary">Cancelar</a>
  </div>
</form>
</div>
@endsection