    <turbo-stream action="update" targets="#form_modal">
        <template>
                <div class="modal fade show" id="form_modal_dialog" tabindex="-1" role="dialog" aria-hidden="true" data-controller="modal">
        <div class="modal-dialog modal-lg modal-dialog-scrollable" id="form_modal_body">
                
    <div class="modal-content">
                <div class="modal-header">
            <h4 class="modal-title">Młotek ślusarski Premium 0411</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button>
        </div>
        <form
            method="post"
            action="/katalog/produkt/mlotek-slusarski-premium-0411/koszyk"
            data-controller="cart-period"
            data-cart-period-prices-value="&#x5B;&#x5D;"
        >
            <div class="modal-body">
                                    <div class="alert alert-danger">Produkt nie jest dostępny na magazynie.</div>
                
                <input type="hidden" name="_token" value="65b9ff04054d66b64.UASs1oGtZAT9O982IpeC7y07BTulak9RISTDoltuS0M.GEfbr-qbVWqSCuZTQOTIi0gCcG-SLHYSQlH0_S8GeBkfT-nn-5hQTstplg">
                <input type="hidden" name="startAt" value="2026-10-12 13:14" data-cart-period-target="startAt">
                <input type="hidden" name="endAt" value="2026-10-13 13:14" data-cart-period-target="endAt">

                <div class="mb-4">
                    <h5 class="mb-3">Cennik</h5>
                    <div class="table-responsive">
                        <table class="table table-sm align-middle mb-0">
                            <thead>
                            <tr>
                                <th>Typ ceny</th>
                                <th class="text-end">Netto</th>
                                <th class="text-end">Brutto</th>
                            </tr>
                            </thead>
                            <tbody>
                                                            <tr>
                                    <td colspan="3">Brak aktywnego cennika</td>
                                </tr>
                                                        </tbody>
                        </table>
                    </div>
                </div>

                <div class="row g-3">
                    <div class="col-md-8">
                        <label class="form-label" for="cart-period-range">Okres najmu</label>
                        <input
                            id="cart-period-range"
                            type="text"
                            class="form-control"
                            value="2026-10-12 13:14 do 2026-10-13 13:14"
                            data-cart-period-target="range"
                        >
                    </div>
                    <div class="col-md-4">
                        <label class="form-label" for="cart-period-quantity">Ilość</label>
                        <input
                            id="cart-period-quantity"
                            type="number"
                            min="1"
                            max="0"
                            step="1"
                            name="quantity"
                            value="1"
                            class="form-control"
                            data-cart-period-target="quantity"
                            data-action="input->cart-period#calculate change->cart-period#calculate"
                        >
                        <div class="form-text">
                            Dostępne: 0
                        </div>
                    </div>
                </div>

                <div class="mt-4 p-3 bg-body-tertiary rounded-1">
                    <div class="fw-semibold">Koszt najmu</div>
                    <div class="small text-body-secondary" data-cart-period-target="priceType"></div>
                    <div class="fs-4 fw-semibold">
                        <span class="text-body-secondary text-decoration-line-through me-2 d-none" data-cart-period-target="regularTotal">- zł</span>
                        <span data-cart-period-target="total">- zł</span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Zamknij</button>
                <button type="submit" class="btn btn-primary" disabled>
                    <i class="fa fa-shopping-cart"></i>
                    Dodaj do koszyka
                </button>
            </div>
        </form>
    </div>

        </div>
    </div>

        </template>
    </turbo-stream>
