@extends('layouts.app') @section('content')<div class="mb-4"><div class="eyebrow">FAST CHECKOUT</div><h1>Point of sale</h1></div><form method="post" action="{{ route('pos.store') }}" class="row g-4">@csrf<div class="col-lg-8"><div class="panel p-4"><h3>1. Appointment</h3><div class="list-group mb-4"><label class="list-group-item p-3"><input class="form-check-input me-2" type="radio" name="appointment_id" value="">Walk-in / products only</label>@foreach($appointments as $a)<label class="list-group-item p-3"><input class="form-check-input me-2" type="radio" name="appointment_id" value="{{ $a->id }}"><strong>{{ $a->customer->name }}</strong> · {{ $a->service->name }} <span class="float-end">LKR {{ number_format($a->total,2) }}</span></label>@endforeach</div><h3>2. Add products</h3><div class="row g-2">@foreach($products as $p)<div class="col-md-6"><label class="product-tile"><input type="checkbox" name="product_ids[]" value="{{ $p->id }}" @disabled($p->stock_quantity<1)><span><strong>{{ $p->name }}</strong><small>{{ $p->stock_quantity }} in stock · LKR {{ number_format($p->sale_price) }}</small></span></label></div>@endforeach</div></div></div><div class="col-lg-4"><div class="panel p-4 sticky-top" style="top:1rem"><h3>Take payment</h3><label class="form-label mt-3">Payment method</label><div class="payment-methods">@foreach(['cash'=>'Cash','card'=>'Card terminal','mixed'=>'Mixed'] as $v=>$label)<label><input type="radio" name="payment_method" value="{{ $v }}" required><span>{{ $label }}</span></label>@endforeach</div><button class="btn btn-brand btn-lg w-100 mt-4">Complete sale</button><p class="small text-secondary text-center mt-3">Payment is recorded immediately and stock is updated.</p></div></div></form>@endsection