{block content}

<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-10 col-lg-8">
            
            <div class="content-card my-3">
                <h2 class="h4 mb-3" style="color: var(--header-bg);">
                    <i class="bi bi-building me-2"></i>Moje OSVČ / Firma
                </h2>

                <hr style="border-color: var(--border-color); margin-bottom: 1.5rem;">

                <form n:name="firmaForm" class="login-form">
                    
                    <div n:if="$form->ownErrors" class="alert alert-danger mb-3">
                        <ul class="mb-0 ps-3">
                            <li n:foreach="$form->ownErrors as $error">{$error}</li>
                        </ul>
                    </div>

                    <!-- ZÁKLADNÍ ÚDAJE -->
                    <h6 class="fw-bold text-muted mb-3"><i class="bi bi-card-heading me-1"></i> Základní údaje</h6>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label n:name="nazev">Název / Jméno OSVČ</label>
                            <input n:name="nazev" class="form-control">
                        </div>
                        <div class="col-md-3 form-group">
                            <label n:name="ic">IČO</label>
                            <input n:name="ic" class="form-control">
                        </div>
                        <div class="col-md-3 form-group">
                            <label n:name="dic">DIČ</label>
                            <input n:name="dic" class="form-control">
                        </div>
                    </div>

                    <div class="form-check mt-2 mb-3">
                        <input n:name="platce_dph" class="form-check-input">
                        <label n:name="platce_dph" class="form-check-label fw-bold">Plátce DPH</label>
                    </div>

                    <!-- KONTAKTY & SÍDLO -->
                    <h6 class="fw-bold text-muted mt-4 mb-3"><i class="bi bi-geo-alt me-1"></i> Sídlo a kontakty</h6>
                    <div class="row">
                        <div class="col-md-4 form-group">
                            <label n:name="ulice">Ulice a ČP</label>
                            <input n:name="ulice" class="form-control">
                        </div>
                        <div class="col-md-4 form-group">
                            <label n:name="mesto">Město</label>
                            <input n:name="mesto" class="form-control">
                        </div>
                        <div class="col-md-4 form-group">
                            <label n:name="psc">PSČ</label>
                            <input n:name="psc" class="form-control">
                        </div>
                    </div>

                    <div class="row mt-2">
                        <div class="col-md-6 form-group">
                            <label n:name="telefon">Telefon</label>
                            <input n:name="telefon" class="form-control">
                        </div>
                        <div class="col-md-6 form-group">
                            <label n:name="email">E-mail</label>
                            <input n:name="email" class="form-control">
                        </div>
                    </div>

                    <!-- BANKA -->
                    <h6 class="fw-bold text-muted mt-4 mb-3"><i class="bi bi-bank me-1"></i> Bankovní spojení</h6>
                    <div class="row">
                        <div class="col-md-8 form-group">
                            <label n:name="cislo_uctu">Číslo účtu</label>
                            <input n:name="cislo_uctu" class="form-control">
                        </div>
                        <div class="col-md-4 form-group">
                            <label n:name="banka_kod">Kód banky</label>
                            <input n:name="banka_kod" class="form-control">
                        </div>
                    </div>

                    <div class="row mt-2">
                        <div class="col-md-8 form-group">
                            <label n:name="iban">IBAN</label>
                            <input n:name="iban" class="form-control">
                        </div>
                        <div class="col-md-4 form-group">
                            <label n:name="bic">SWIFT / BIC</label>
                            <input n:name="bic" class="form-control">
                        </div>
                    </div>

                    <div class="d-flex justify-content-end gap-2 mt-4">
                        <button n:name="send" class="btn btn-success">
                            <i class="bi bi-check-lg me-1"></i> Uložit firmu
                        </button>
                    </div>

                </form>
            </div>

        </div>
    </div>
</div>