@extends('layouts.app')

@section('title', 'Receipt '.($order->receipt_no ?: '#'.$order->id).' | healthcareers.app')
@section('robots', 'noindex, nofollow')

@section('content')
    <div class="r-actions">
        <div class="crumbs"><a href="{{ route('account') }}">My account</a> › <a href="{{ route('account.payments') }}">Payments and receipts</a> › {{ $order->receipt_no ?: 'Order #'.$order->id }}</div>
        @if ($receipted)
            <div class="btnrow">
                <form method="post" action="{{ route('account.payments.email', $order) }}">@csrf<button class="btn sm" type="submit">Email me a copy</button></form>
                <a class="btn sm primary" href="{{ route('account.payments.pdf', $order) }}">Download PDF</a>
            </div>
        @endif
    </div>
    <div class="r-wrap">
        @include('partials.errors')
        @if (session('status'))<div class="notice good" role="status">{{ session('status') }}</div>@endif

        @if ($receipted)
            @include('receipts._receipt')
        @else
            <div class="card">
                <h1>{{ \App\Services\Receipts::title($order) }}</h1>
                @if ($order->status === 'authorized')
                    <p>Your card has a hold for <strong>{{ $order->dollars() }}</strong> ({{ \App\Services\Receipts::method($order) }}). Nothing is charged until the ad is approved; the receipt appears here then.</p>
                @else
                    <p>The card hold of {{ $order->dollars() }} was released, so nothing was charged and there is no receipt.</p>
                @endif
            </div>
        @endif

        @if ($receipted)
            <details class="extra r-edit" @if ($errors->any()) open @endif>
                <summary>Edit billing details on this receipt</summary>
                <form class="in form" method="post" action="{{ route('account.payments.billing', $order) }}">
                    @csrf
                    <div class="two">
                        <div class="field"><label for="b-company">Company name</label><input id="b-company" name="bill_company" maxlength="120" value="{{ old('bill_company', $order->bill_company) }}"></div>
                        <div class="field"><label for="b-name">Name</label><input id="b-name" name="bill_name" maxlength="120" value="{{ old('bill_name', $order->bill_name) }}"></div>
                    </div>
                    <div class="field"><label for="b-address">Billing address</label><input id="b-address" name="bill_address" maxlength="255" value="{{ old('bill_address', $order->bill_address) }}"></div>
                    <div class="field"><label for="b-po">PO number or reference</label><input id="b-po" name="bill_po" maxlength="60" value="{{ old('bill_po', $order->bill_po) }}"></div>
                    <button class="btn sm primary" type="submit">Save</button>
                </form>
            </details>
        @endif
    </div>
@endsection