@extends('admin.layouts.app')

@section('title', 'Settings')

@section('content')
    <h1>Settings</h1>

    <div class="card" style="max-width:480px;">
        <form method="POST" action="{{ route('admin.settings.update') }}">
            @csrf
            @method('PUT')

            <h2 style="font-size:14px; font-weight:600; margin-bottom:14px;">Invoice details</h2>

            <label for="station_name">Station name</label>
            <input type="text" id="station_name" name="station_name" value="{{ old('station_name', $stationName) }}" placeholder="e.g. Sok Heng Petrol">

            <label for="station_address">Address</label>
            <input type="text" id="station_address" name="station_address" value="{{ old('station_address', $stationAddress) }}" placeholder="e.g. St. 271, Phnom Penh">

            <label for="station_phone">Phone number</label>
            <input type="text" id="station_phone" name="station_phone" value="{{ old('station_phone', $stationPhone) }}" placeholder="e.g. 012 345 678">

            <p style="font-size:12.5px; color:var(--text-muted); margin:-6px 0 22px;">
                Printed at the top of every invoice. Leave a field empty to hide that line.
            </p>

            <h2 style="font-size:14px; font-weight:600; margin-bottom:14px;">Exchange rate</h2>

            <label for="usd_to_riel_rate">1 USD equals how many Riel?</label>
            <input type="number" id="usd_to_riel_rate" name="usd_to_riel_rate" step="1" min="1" value="{{ old('usd_to_riel_rate', $rate) }}" required>

            <button type="submit" class="btn" style="width:100%;">Save settings</button>
        </form>
    </div>
@endsection