<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <link rel="stylesheet" href="{{ config('builder.vendor_asset_path') }}/bootstrap.css">
        <link rel="stylesheet" href="{{ config('builder.backend_asset_path') }}/modules/css/settings.css">
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="form-group">
                        <label for="style">Style:</label>
                        <select id="style" class="form-control">
                            <option value="form-block">Block</option>
                            <option value="form-inline">Inline</option>
                        </select>
                    </div>

                    <label for="fields">Fields:</label>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <div class="form-check">
                                <input id="name" class="form-check-input" type="checkbox" checked="checked">
                                <label for="name" class="form-check-label">Name</label>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="form-check">
                                <input id="first-name" class="form-check-input" type="checkbox" checked="checked">
                                <label for="first-name" class="form-check-label">First Name</label>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="form-check">
                                <input id="last-name" class="form-check-input" type="checkbox" checked="checked">
                                <label for="last-name" class="form-check-label">Last Name</label>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="form-check">
                                <input id="email" class="form-check-input" type="checkbox" checked="checked">
                                <label for="email" class="form-check-label">Email</label>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="form-check">
                                <input id="phone" class="form-check-input" type="checkbox" checked="checked">
                                <label for="phone" class="form-check-label">Phone</label>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="form-check">
                                <input id="message" class="form-check-input" type="checkbox" checked="checked">
                                <label for="message" class="form-check-label">Message</label>
                            </div>
                        </li>
                    </ul>

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

        <script src="{{ config('builder.backend_asset_path') }}/modules/js/contact-form.js"></script>
    </body>
</html>
