@extends('layouts.app')

@section('content')
    <div class="page-title">
        <div>
            <h1>Printer settings</h1>
            <p class="muted">Configure common POS thermal printers for receipts, cash drawer kick, auto cut, and browser print.</p>
        </div>
        <a class="btn btn-secondary" href="{{ route('billing.index') }}">Back to billing</a>
    </div>

    <section class="dashboard-grid">
        <div class="form-wrap">
            <form method="GET" action="{{ route('settings.printer.edit') }}" class="search-row">
                <select name="branch_id">
                    @foreach ($branches as $branch)
                        <option value="{{ $branch->id }}" @selected($selectedBranch->id === $branch->id)>{{ $branch->name }}</option>
                    @endforeach
                </select>
                <button class="btn btn-secondary" type="submit">Load branch</button>
            </form>

            <form method="POST" action="{{ route('settings.printer.update') }}">
                @csrf
                <input type="hidden" name="branch_id" value="{{ $selectedBranch->id }}">

                <div class="grid-2">
                    <div class="field">
                        <label for="printer_name">Printer name</label>
                        <input id="printer_name" name="printer_name" value="{{ old('printer_name', $setting->printer_name) }}">
                        @error('printer_name') <span class="error">{{ $message }}</span> @enderror
                    </div>
                    <div class="field">
                        <label for="connection_type">Connection type</label>
                        <select id="connection_type" name="connection_type">
                            <option value="browser" @selected(old('connection_type', $setting->connection_type) === 'browser')>Browser print dialog</option>
                            <option value="usb" @selected(old('connection_type', $setting->connection_type) === 'usb')>USB ESC/POS</option>
                            <option value="network" @selected(old('connection_type', $setting->connection_type) === 'network')>Network/LAN printer</option>
                            <option value="bluetooth" @selected(old('connection_type', $setting->connection_type) === 'bluetooth')>Bluetooth printer</option>
                        </select>
                    </div>
                    <div class="field">
                        <label for="paper_size">Paper size</label>
                        <select id="paper_size" name="paper_size">
                            <option value="80mm" @selected(old('paper_size', $setting->paper_size) === '80mm')>80mm thermal</option>
                            <option value="58mm" @selected(old('paper_size', $setting->paper_size) === '58mm')>58mm thermal</option>
                            <option value="a4" @selected(old('paper_size', $setting->paper_size) === 'a4')>A4 invoice</option>
                        </select>
                    </div>
                    <div class="field">
                        <label for="characters_per_line">Characters per line</label>
                        <input id="characters_per_line" name="characters_per_line" type="number" min="24" max="80" value="{{ old('characters_per_line', $setting->characters_per_line) }}">
                    </div>
                    <div class="field">
                        <label for="header_text">Receipt header</label>
                        <input id="header_text" name="header_text" value="{{ old('header_text', $setting->header_text) }}">
                    </div>
                    <div class="field">
                        <label for="footer_text">Receipt footer</label>
                        <input id="footer_text" name="footer_text" value="{{ old('footer_text', $setting->footer_text) }}">
                    </div>
                    <div class="field">
                        <label for="qr_text">QR / UPI note</label>
                        <input id="qr_text" name="qr_text" value="{{ old('qr_text', $setting->qr_text) }}">
                    </div>
                </div>

                <label class="check-row">
                    <input type="checkbox" name="auto_print" value="1" @checked(old('auto_print', $setting->auto_print))>
                    <span>Auto open print dialog after invoice</span>
                </label>
                <label class="check-row">
                    <input type="checkbox" name="auto_cut" value="1" @checked(old('auto_cut', $setting->auto_cut))>
                    <span>Auto cut receipt after print</span>
                </label>
                <label class="check-row">
                    <input type="checkbox" name="open_cash_drawer" value="1" @checked(old('open_cash_drawer', $setting->open_cash_drawer))>
                    <span>Open cash drawer on cash payment</span>
                </label>
                <label class="check-row">
                    <input type="checkbox" name="show_logo" value="1" @checked(old('show_logo', $setting->show_logo))>
                    <span>Show store logo area on receipt</span>
                </label>

                <button class="btn btn-primary" type="submit">Save printer settings</button>
            </form>
        </div>

        <aside class="dash-card">
            <h2>Receipt preview</h2>
            <div class="receipt receipt-preview {{ $setting->paper_size === '58mm' ? 'receipt-58' : '' }}">
                @if ($setting->show_logo)
                    <div class="receipt-logo">LOGO</div>
                @endif
                <div class="receipt-center">
                    <strong>{{ config('app.name') }}</strong>
                    <div>{{ $selectedBranch->name }}</div>
                    <div>{{ $setting->header_text }}</div>
                </div>
                <div class="receipt-rule"></div>
                <div class="receipt-line"><span>Sample item</span><span>Rs 99.00</span></div>
                <div class="receipt-line"><span>Tax</span><span>Rs 4.95</span></div>
                <div class="receipt-line receipt-total"><span>Total</span><span>Rs 103.95</span></div>
                <div class="receipt-rule"></div>
                <div class="receipt-center">{{ $setting->footer_text }}</div>
            </div>

            <div class="preview-box">
                <strong>Hardware note</strong>
                <p class="muted">Browser printing works now. USB/network direct print needs a local print bridge or ESC/POS service, which these settings are prepared for.</p>
            </div>
        </aside>
    </section>
@endsection