<?php

/*

type: layout

name: Default

description: Default

*/

?>

<div class="alert alert-success margin-bottom-30" id="msg<?php print $form_id; ?>" style="display:none;">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    <strong><?php _lang("Thank You", "templates/beauty"); ?>!</strong> <?php _lang("Your message successfully sent", "templates/beauty"); ?>!
</div>

<script>
    $(document).ready(function () {
        $('.section-42 form label').each(function () {
            var thisLabel = $(this).text().trim();
            $(this).next().find("input").attr("placeholder", thisLabel);
            $(this).remove();
        });
    });
</script>
<div class="section-42">
    <div class="form">
        <form id="contactform" data-form-id="<?php print $form_id ?>" name="<?php print $form_id ?>" method="post">
            <?php print csrf_form() ?>
            <input type="hidden" name="for" value="contact_form"/>
            <input type="hidden" name="for_id" value="<?php print $params['id']; ?>"/>

            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label class="control-label" for="first_name">Name</label>
                        <input class="form-control" id="first_name" name="first_name" type="text" placeholder="Your name">
                    </div>
                </div>

                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label class="control-label" for="phone">Phone</label>
                        <input class="form-control" id="phone" type="text" placeholder="Phone">
                    </div>
                </div>

                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label class="control-label" for="date">Date</label>
                        <input class="form-control" id="date" type="date" value="<?php echo date('Y-m-d', time()); ?>" placeholder="Date">
                    </div>
                </div>

                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label class="control-label" for="date">Time</label>
                        <input class="form-control" id="time" type="time" value="20:00" placeholder="Time">
                    </div>
                </div>

                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label class="control-label" for="seats">Seats</label>
                        <input class="form-control" id="seats" type="text" placeholder="Seats">
                    </div>
                </div>

                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label class="control-label" for="email">E-mail</label>
                        <input class="form-control" id="email" name="email" type="email" placeholder="E-mail address">
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group">
                        <label class="control-label" for="message">Message</label>
                        <textarea class="form-control" id="message" name="message" placeholder="Type your message here"></textarea>
                    </div>
                </div>
            </div>

            <!--<div class="row">
                <div class="col-12">
                    <module type="custom_fields" default-fields="first_name, phone, date, time, seats, email, message" input_class="form-control"/>
                </div>
            </div>-->

            <div class="row">
                <div class="col-12">

                    <!-- <div class="form-group">
                        <?php /*if (get_option('disable_captcha', $params['id']) != 'y'): */ ?>
                            <module type="captcha" template="default"/>
                        <?php /*endif; */ ?>
                    </div>-->

                    <module type="btn" template="bootstrap" button_action="submit" button_style="btn-primary" button_size="btn-lg" text="Reserve"/>
                </div>
            </div>
        </form>
    </div>
</div>