<div class="row">
    <div class="col-md-12 mt-2">
        <form name="" id="cmsForm" method="post" action="/packages/update" enctype="multipart/form-data" novalidate>
            <div class="card card-info">
                <div class="card-header">
                    <h4 class="card-title">
                        <%=sectionTitle%>
                    </h4>
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Paketnamen</label>
                            <input type="text" id="package_name" name="package_name" class="form-control"
                                placeholder="Enter Paketnamen" required value="<%=dataInfo.package_name%>"
                                oninput="validate(this)"  oninput="capitalizeFirstLetter(this)">
                        </div>
                        
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Preis(€)</label>
                            <input type="number" id="price" name="price" class="form-control"
                                placeholder="Enter price" required value="<%=dataInfo.price%>"
                                oninput="validate(this)">
                        </div>

                        <div class="form-group col-md-12">
                            <label class="required" for="inputName">Kurzbeschreibung </label>
                            <textarea type="text" id="short_descriptions" data-oc-toggle="ckeditor" data-lang="en" name="short_descriptions"
                                class="form-control editor" placeholder="Enter Seiteninhalt" required oninput="validate(this)"
                            ><%=dataInfo.short_description%></textarea>
                            <div id="editor-error" style="color: red;font-weight: 700; display: none;">*Please provide the Kurzbeschreibung.</div>

                        </div>

                        <div class="form-group col-md-12">
                            <label class="required" for="inputName">Beschreibung </label>
                            <textarea type="text" id="editor" data-oc-toggle="ckeditor" data-lang="en" name="description"
                                class="form-control editor" placeholder="Enter Seiteninhalt" required oninput="validate(this)"
                            ><%=dataInfo.description%></textarea>
                            <div id="editor-error" style="color: red;font-weight: 700; display: none;">*Please provide the Beschreibung.</div>

                        </div>


                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Dauer</label>
                            <input type="number" id="duration" name="duration" class="form-control"
                                placeholder="Enter Dauer" value="<%=dataInfo.duration%>"
                                oninput="validate(this)">
                        </div>


                  
              
                     
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Status</label>
                            <select id="active_status" name="active_status" class="form-control" required>
                                <option selected disabled>Select Status</option>
                                <option value="1" <%=dataInfo.status==1 ? 'selected' : '' %>>Aktiv
                                </option>
                                <option value="0" <%=dataInfo.status==0 ? 'selected' : '' %>>Inaktiv
                                </option>
                            </select>
                        </div>

                        <input type="hidden" id="page_id" name="page_id" value="<%=dataInfo.id%>" />
                     
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" id="savebtn" class="btn btn-info">Speichern</button>
                    <button type="button" class="btn btn-default">
                        <a href="/packages/list">Zurück</a>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<%- contentFor('pageStyleSection')%>
    <link rel="stylesheet" href="/stylesheets/style.css" />