@extends('layouts.app')
@section('title', $sale->sale_number)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h4 mb-0">{{ $sale->sale_number }}</h1>
    @if($sale->invoice)
        <div class="d-flex gap-2">
            <a class="btn btn-outline-primary btn-sm" href="{{ route('invoices.show',$sale->invoice) }}">{{ __('messages.invoice') }}</a>
            <a class="btn btn-outline-secondary btn-sm" href="{{ route('invoices.print',$sale->invoice) }}">{{ __('messages.print') }}</a>
        </div>
    @endif
</div>
<div class="row g-3">
    <div class="col-lg-7">
        <div class="card card-body">
            <div class="row">
                <div class="col-md-6"><div class="text-muted small">{{ __('messages.customer') }}</div><a href="{{ route('customers.show',$sale->customer) }}">{{ $sale->customer?->name }}</a></div>
                <div class="col-md-6"><div class="text-muted small">{{ __('messages.line') }}</div><a href="{{ route('lines.show',$sale->line) }}">{{ $sale->line?->phone_number }}</a></div>
                <div class="col-md-6 mt-3"><div class="text-muted small">{{ __('messages.plan') }}</div>{{ $sale->plan?->name ?? __('messages.no_plan') }}</div>
                <div class="col-md-6 mt-3"><div class="text-muted small">{{ __('messages.date') }}</div>{{ format_datetime($sale->created_at) }}</div>
            </div>
            <table class="table compact-table mt-3 mb-0">
                <tbody>
                    @foreach($sale->items as $item)
                        <tr><td>{{ $item->description }}</td><td class="text-end">{{ money($item->total) }}</td></tr>
                    @endforeach
                    <tr><th>{{ __('messages.total') }}</th><th class="text-end">{{ money($sale->total) }}</th></tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-lg-5">
        <div class="card card-body">
            <div class="d-flex justify-content-between"><span>{{ __('messages.line_price') }}</span><strong>{{ money($sale->line_price) }}</strong></div>
            @if($sale->line_price_overridden)
                <div class="small text-warning">{{ __('messages.original_price') }}: {{ money($sale->original_line_price) }}</div>
            @endif
            <div class="d-flex justify-content-between mt-2"><span>{{ __('messages.plan_price') }}</span><strong>{{ money($sale->plan_price) }}</strong></div>
            @if($sale->plan_price_overridden)
                <div class="small text-warning">{{ __('messages.original_price') }}: {{ money($sale->original_plan_price) }}</div>
            @endif
            @if($sale->override_reason)
                <div class="small mt-2">{{ __('messages.reason') }}: {{ $sale->override_reason }} · {{ $sale->overriddenBy?->name }}</div>
            @endif
            <hr>
            <div class="d-flex justify-content-between"><span>{{ __('messages.paid') }}</span>{{ money($sale->paid) }}</div>
            <div class="d-flex justify-content-between"><span>{{ __('messages.remaining') }}</span>{{ money($sale->remaining) }}</div>
            <div class="d-flex justify-content-between"><span>{{ __('messages.user') }}</span>{{ $sale->user?->name }}</div>
        </div>
    </div>
</div>
@endsection