    <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">Klucz Francuski</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button>
        </div>
        <form
            method="post"
            action="/katalog/produkt/klucz-francuski/koszyk"
            data-controller="cart-period"
            data-cart-period-prices-value="&#x7B;&quot;daily&quot;&#x3A;&#x7B;&quot;type&quot;&#x3A;&quot;daily&quot;,&quot;gross&quot;&#x3A;&quot;12.30&quot;,&quot;unitCost&quot;&#x3A;&quot;10.00&quot;,&quot;label&quot;&#x3A;&quot;Cena&#x20;za&#x20;dob&#x5C;u0119&quot;&#x7D;&#x7D;"
        >
            <div class="modal-body">
                
                <input type="hidden" name="_token" value="5e6c5b65d9709ab5f1aa398d99af317.Pla1gho06Ymu45FCjYKfsStbF2OLE_s0clOBaqVcRdM.fx3q7i5QgOCfk_wD4K-n6F8OIFTjcZlREzDMEOs2CoRmIvTPdHO76OW7-g">
                <input type="hidden" name="startAt" value="2026-08-10 17:08" data-cart-period-target="startAt">
                <input type="hidden" name="endAt" value="2026-08-11 17:08" 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>Cena za dobę</td>
                                        <td class="text-end">10.00 zł</td>
                                        <td class="text-end fw-semibold">12.30 zł</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-08-10 17:08 do 2026-08-11 17:08"
                            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="17"
                            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: 17
                        </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 data-cart-period-target="total">-</span>
                        <span>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" >
                    <i class="fa fa-shopping-cart"></i>
                    Dodaj do koszyka
                </button>
            </div>
        </form>
    </div>

        </div>
    </div>

        </template>
    </turbo-stream>
