/templates/paths/createPathForm.html.twig
Twig Template | 216 lines | 214 code | 2 blank | 0 comment | 0 complexity | 31fe860926026626cc9affe8a07dae2a MD5 | raw file
1{% extends 'base.html.twig' %} 2 3{% block title %}{{ title }}{% endblock %} 4 5{% block body %} 6 <div class="row"> 7 <div class="col-md-12"> 8 <div class="card"> 9 <div class="card-header"> 10 <strong>Create New</strong> 11 Paths 12 </div> 13 <div class="card-body"> 14 <form action="" method="post" enctype="multipart/form-data" class="form-horizontal"> 15 <div class="form-group row"> 16 <label class="col-md-3 col-form-label">Static</label> 17 <div class="col-md-9"> 18 <p class="form-control-static">Username</p> 19 </div> 20 </div> 21 <div class="form-group row"> 22 <label class="col-md-3 col-form-label" for="text-input">Text Input</label> 23 <div class="col-md-9"> 24 <input type="text" id="text-input" name="text-input" class="form-control" placeholder="Text"> 25 <span class="help-block">This is a help text</span> 26 </div> 27 </div> 28 <div class="form-group row"> 29 <label class="col-md-3 col-form-label" for="email-input">Email Input</label> 30 <div class="col-md-9"> 31 <input type="email" id="email-input" name="email-input" class="form-control" placeholder="Enter Email"> 32 <span class="help-block">Please enter your email</span> 33 </div> 34 </div> 35 <div class="form-group row"> 36 <label class="col-md-3 col-form-label" for="password-input">Password</label> 37 <div class="col-md-9"> 38 <input type="password" id="password-input" name="password-input" class="form-control" placeholder="Password"> 39 <span class="help-block">Please enter a complex password</span> 40 </div> 41 </div> 42 <div class="form-group row"> 43 <label class="col-md-3 col-form-label" for="disabled-input">Disabled Input</label> 44 <div class="col-md-9"> 45 <input type="text" id="disabled-input" name="disabled-input" class="form-control" placeholder="Disabled" disabled=""> 46 </div> 47 </div> 48 <div class="form-group row"> 49 <label class="col-md-3 col-form-label" for="textarea-input">Textarea</label> 50 <div class="col-md-9"> 51 <textarea id="textarea-input" name="textarea-input" rows="9" class="form-control" placeholder="Content.."></textarea> 52 </div> 53 </div> 54 <div class="form-group row"> 55 <label class="col-md-3 col-form-label" for="select1">Select</label> 56 <div class="col-md-9"> 57 <select id="select1" name="select1" class="form-control"> 58 <option value="0">Please select</option> 59 <option value="1">Option #1</option> 60 <option value="2">Option #2</option> 61 <option value="3">Option #3</option> 62 </select> 63 </div> 64 </div> 65 <div class="form-group row"> 66 <label class="col-md-3 col-form-label" for="select2">Select Large</label> 67 <div class="col-md-9"> 68 <select id="select2" name="select2" class="form-control form-control-lg"> 69 <option value="0">Please select</option> 70 <option value="1">Option #1</option> 71 <option value="2">Option #2</option> 72 <option value="3">Option #3</option> 73 </select> 74 </div> 75 </div> 76 <div class="form-group row"> 77 <label class="col-md-3 col-form-label" for="select3">Select Small</label> 78 <div class="col-md-9"> 79 <select id="select3" name="select3" class="form-control form-control-sm"> 80 <option value="0">Please select</option> 81 <option value="1">Option #1</option> 82 <option value="2">Option #2</option> 83 <option value="3">Option #3</option> 84 </select> 85 </div> 86 </div> 87 <div class="form-group row"> 88 <label class="col-md-3 col-form-label" for="disabledSelect">Disabled Select</label> 89 <div class="col-md-9"> 90 <select id="disabledSelect" class="form-control" disabled=""> 91 <option value="0">Please select</option> 92 <option value="1">Option #1</option> 93 <option value="2">Option #2</option> 94 <option value="3">Option #3</option> 95 </select> 96 </div> 97 </div> 98 <div class="form-group row"> 99 <label class="col-md-3 col-form-label" for="multiple-select">Multiple select</label> 100 <div class="col-md-9"> 101 <select id="multiple-select" name="multiple-select" class="form-control" size="5" multiple=""> 102 <option value="1">Option #1</option> 103 <option value="2">Option #2</option> 104 <option value="3">Option #3</option> 105 <option value="4">Option #4</option> 106 <option value="5">Option #5</option> 107 <option value="6">Option #6</option> 108 <option value="7">Option #7</option> 109 <option value="8">Option #8</option> 110 <option value="9">Option #9</option> 111 <option value="10">Option #10</option> 112 </select> 113 </div> 114 </div> 115 <div class="form-group row"> 116 <label class="col-md-3 col-form-label">Radios</label> 117 <div class="col-md-9 col-form-label"> 118 <div class="form-check"> 119 <input class="form-check-input" type="radio" value="radio1" id="radio1" name="radios"> 120 <label class="form-check-label" for="radio1"> 121 Option 1 122 </label> 123 </div> 124 <div class="form-check"> 125 <input class="form-check-input" type="radio" value="radio2" id="radio2" name="radios"> 126 <label class="form-check-label" for="radio2"> 127 Option 2 128 </label> 129 </div> 130 <div class="form-check"> 131 <input class="form-check-input" type="radio" value="radio2" id="radio3" name="radios"> 132 <label class="form-check-label" for="radio3"> 133 Option 3 134 </label> 135 </div> 136 </div> 137 </div> 138 <div class="form-group row"> 139 <label class="col-md-3 col-form-label">Inline Radios</label> 140 <div class="col-md-9 col-form-label"> 141 <div class="form-check form-check-inline mr-1"> 142 <input class="form-check-input" type="radio" id="inline-radio1" value="option1" name="inline-radios"> 143 <label class="form-check-label" for="inline-radio1">One</label> 144 </div> 145 <div class="form-check form-check-inline mr-1"> 146 <input class="form-check-input" type="radio" id="inline-radio2" value="option2" name="inline-radios"> 147 <label class="form-check-label" for="inline-radio2">Two</label> 148 </div> 149 <div class="form-check form-check-inline mr-1"> 150 <input class="form-check-input" type="radio" id="inline-radio3" value="option3" name="inline-radios"> 151 <label class="form-check-label" for="inline-radio3">Three</label> 152 </div> 153 </div> 154 </div> 155 <div class="form-group row"> 156 <label class="col-md-3 col-form-label">Checkboxes</label> 157 <div class="col-md-9 col-form-label"> 158 <div class="form-check checkbox"> 159 <input class="form-check-input" type="checkbox" value="" id="check1"> 160 <label class="form-check-label" for="check1"> 161 Option 1 162 </label> 163 </div> 164 <div class="form-check checkbox"> 165 <input class="form-check-input" type="checkbox" value="" id="check2"> 166 <label class="form-check-label" for="check2"> 167 Option 2 168 </label> 169 </div> 170 <div class="form-check checkbox"> 171 <input class="form-check-input" type="checkbox" value="" id="check3"> 172 <label class="form-check-label" for="check3"> 173 Option 3 174 </label> 175 </div> 176 </div> 177 </div> 178 <div class="form-group row"> 179 <label class="col-md-3 col-form-label">Inline Checkboxes</label> 180 <div class="col-md-9 col-form-label"> 181 <div class="form-check form-check-inline mr-1"> 182 <input class="form-check-input" type="checkbox" id="inline-checkbox1" value="check1"> 183 <label class="form-check-label" for="inline-checkbox1">One</label> 184 </div> 185 <div class="form-check form-check-inline mr-1"> 186 <input class="form-check-input" type="checkbox" id="inline-checkbox2" value="check2"> 187 <label class="form-check-label" for="inline-checkbox2">Two</label> 188 </div> 189 <div class="form-check form-check-inline mr-1"> 190 <input class="form-check-input" type="checkbox" id="inline-checkbox3" value="check3"> 191 <label class="form-check-label" for="inline-checkbox3">Three</label> 192 </div> 193 </div> 194 </div> 195 <div class="form-group row"> 196 <label class="col-md-3 col-form-label" for="file-input">File input</label> 197 <div class="col-md-9"> 198 <input type="file" id="file-input" name="file-input"> 199 </div> 200 </div> 201 <div class="form-group row"> 202 <label class="col-md-3 col-form-label" for="file-multiple-input">Multiple File input</label> 203 <div class="col-md-9"> 204 <input type="file" id="file-multiple-input" name="file-multiple-input" multiple=""> 205 </div> 206 </div> 207 </form> 208 </div> 209 <div class="card-footer"> 210 <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-dot-circle-o"></i> Submit</button> 211 <button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button> 212 </div> 213 </div> 214 </div> 215 </div> 216{% endblock %}