<template>
  <div class="page no-toolbar" data-name="profile-garage-vehicle-edit">
    <div class="navbar">
      <div class="navbar-bg"></div>
      <div class="navbar-inner">
        <div class="left">
          <a class="link back">
            <i class="icon icon-back"></i>
          </a>
        </div>
        <div class="middle">
          <div class="header-logo"><img src="assets/img/logo-dark.png" /></div>
        </div>
        <div class="right">
          <a href="#" class="top-right-action" id="submit-vehicle-form">
            Save
          </a>
        </div>
      </div>
    </div>

    <div class="page-content">
      <div class="loading-fullscreen">
        <div class="preloader preloader-central">
          <span class="preloader-inner"><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span
              class="preloader-inner-line"></span>
          </span>
        </div>
      </div>
      <form id="vehicleForm">
        <input type="hidden" name="garage_id" value="" />

        <div class="block-title">Vehicle Image</div>

        <div class="list list-strong-ios list-dividers-ios inset-ios">
          <div class="custom-file-upload" id="fileUpload">
            <input type="file" id="fileuploadInput" name="vehicle_image" />
            <label for="fileuploadInput">
            </label>
            <span>
              <i class="icon f7-icons">cloud_upload</i>
              <small>Tap to Upload</small>
            </span>
          </div>
        </div>

        <div class="block-title">Vehicle Details</div>
        <div class="list list-strong-ios list-dividers-ios inset-ios">
          <ul>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Vehicle Make *</div>
                <div class="item-input-wrap input-dropdown-wrap">
                  <select class="input-with-value" name="vehicle_make" required>
                    <option disabled selected value="0">Please Select</option>
                    <option value="Acura">Acura</option>
                    <option value="Alfa Romeo">Alfa Romeo</option>
                    <option value="Aston Martin">Aston Martin</option>
                    <option value="Audi">Audi</option>
                    <option value="Bentley">Bentley</option>
                    <option value="BMW">BMW</option>
                    <option value="Bugatti">Bugatti</option>
                    <option value="Buick">Buick</option>
                    <option value="Cadillac">Cadillac</option>
                    <option value="Chevrolet">Chevrolet</option>
                    <option value="Chrysler">Chrysler</option>
                    <option value="Citroën">Citroën</option>
                    <option value="Dodge">Dodge</option>
                    <option value="Ferrari">Ferrari</option>
                    <option value="Fiat">Fiat</option>
                    <option value="Ford">Ford</option>
                    <option value="GMC">GMC</option>
                    <option value="Honda">Honda</option>
                    <option value="Hyundai">Hyundai</option>
                    <option value="Infiniti">Infiniti</option>
                    <option value="Jaguar">Jaguar</option>
                    <option value="Jeep">Jeep</option>
                    <option value="Kia">Kia</option>
                    <option value="Lamborghini">Lamborghini</option>
                    <option value="Land Rover">Land Rover</option>
                    <option value="Lexus">Lexus</option>
                    <option value="Lincoln">Lincoln</option>
                    <option value="Maserati">Maserati</option>
                    <option value="Mazda">Mazda</option>
                    <option value="McLaren">McLaren</option>
                    <option value="Mercedes-Benz">Mercedes-Benz</option>
                    <option value="Mini">Mini</option>
                    <option value="Mitsubishi">Mitsubishi</option>
                    <option value="Nissan">Nissan</option>
                    <option value="Peugeot">Peugeot</option>
                    <option value="Porsche">Porsche</option>
                    <option value="Ram">Ram</option>
                    <option value="Renault">Renault</option>
                    <option value="Rolls-Royce">Rolls-Royce</option>
                    <option value="Saab">Saab</option>
                    <option value="Subaru">Subaru</option>
                    <option value="Suzuki">Suzuki</option>
                    <option value="Tesla">Tesla</option>
                    <option value="Toyota">Toyota</option>
                    <option value="Volkswagen">Volkswagen</option>
                    <option value="Volvo">Volvo</option>
                  </select>
                </div>
              </div>
            </li>
            <!-- * Input -->

            <!-- Input -->
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Model *</div>
                <div class="item-input-wrap">
                  <input type="text" placeholder="Your vehicle model" name="vehicle_model" required />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <!-- * Input -->

            <!-- Input -->
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Variant</div>
                <div class="item-input-wrap">
                  <input type="text" placeholder="Add any vehicle variant info" name="vehicle_variant" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <!-- * Input -->

            <!-- Input -->
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Registration</div>
                <div class="item-input-wrap">
                  <input type="text" placeholder="Your vehicle reg" name="vehicle_reg" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <!-- * Input -->

            <!-- Input -->
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Colour</div>
                <div class="item-input-wrap">
                  <input type="text" placeholder="Your vehicle colour" name="vehicle_colour" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <!-- * Input -->

            <!-- Short description -->
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Short Description</div>
                <div class="item-input-wrap">
                  <textarea name="vehicle_description" placeholder="Add a short description of your vehicle"
                    maxlength="200"></textarea>
                </div>
              </div>
            </li>
          </ul>
        </div>

        <div class="block-title">Ownership Dates</div>

        <div class="list list-strong-ios list-dividers-ios inset-ios">
          <ul>

            <!-- Input -->
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Ownership *</div>
                <div class="item-input-wrap input-dropdown-wrap">
                  <select class="input-with-value" name="vehicle_ownership">
                    <option value="current">Current Vehicle</option>
                    <option value="past">Past Vehicle</option>
                  </select>
                </div>
              </div>
            </li>
            <!-- * Input -->

            <!-- Input -->
            <li>
              <div class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">Owned From</div>
                  <div class="item-input-wrap">
                    <input type="text" placeholder="Select date" readonly="readonly" id="owned-from"
                      name="vehicle_owned_from" />
                  </div>
                </div>
              </div>
            </li>
            <!-- * Input -->

            <!-- Input -->
            <li>
              <div class="item-content item-input" id="owned-to-block">
                <div class="item-inner">
                  <div class="item-title item-label">Owned To</div>
                  <div class="item-input-wrap">
                    <input type="text" placeholder="Select date" readonly="readonly" id="owned-to"
                      name="vehicle_owned_to" />
                  </div>
                </div>
              </div>
            </li>
            <!-- * Input -->

          </ul>
        </div>



        <div class="block-title">Vehicle Tagging</div>

        <div class="list list-strong-ios list-dividers-ios inset-ios">
          <ul>
            <li class="toggle-inline">
              <div>Allow this vehicle to be discovered & tagged via it\'s registration</div>
              <div>
                <label class="toggle">
                  <input type="checkbox" name="vehicle_tagging" />
                  <span class="toggle-icon"></span>
                </label>
              </div>
            </li>

          </ul>
        </div>



        <div class="block">
          <button class="mt-4 button button-large button-fill color-red" id="delete-vehicle" type="button">Delete
            Vehicle</button>
        </div>
      </form>
    </div>
  </div>
</template>

Array
(
    [div] => Array
        (
            [class] => Array
                (
                    [0] => page no-toolbar
                    [1] => navbar
                    [2] => navbar-bg
                    [3] => navbar-inner
                    [4] => left
                    [5] => middle
                    [6] => header-logo
                    [7] => right
                    [8] => page-content
                    [9] => loading-fullscreen
                    [10] => preloader preloader-central
                    [11] => block-title
                    [12] => list list-strong-ios list-dividers-ios inset-ios
                    [13] => custom-file-upload
                    [14] => block-title
                    [15] => list list-strong-ios list-dividers-ios inset-ios
                    [16] => item-inner
                    [17] => item-title item-label
                    [18] => item-input-wrap input-dropdown-wrap
                    [19] => item-inner
                    [20] => item-title item-label
                    [21] => item-input-wrap
                    [22] => item-inner
                    [23] => item-title item-label
                    [24] => item-input-wrap
                    [25] => item-inner
                    [26] => item-title item-label
                    [27] => item-input-wrap
                    [28] => item-inner
                    [29] => item-title item-label
                    [30] => item-input-wrap
                    [31] => item-inner
                    [32] => item-title item-label
                    [33] => item-input-wrap
                    [34] => block-title
                    [35] => list list-strong-ios list-dividers-ios inset-ios
                    [36] => item-inner
                    [37] => item-title item-label
                    [38] => item-input-wrap input-dropdown-wrap
                    [39] => item-content item-input
                    [40] => item-inner
                    [41] => item-title item-label
                    [42] => item-input-wrap
                    [43] => item-content item-input
                    [44] => item-inner
                    [45] => item-title item-label
                    [46] => item-input-wrap
                    [47] => block-title
                    [48] => list list-strong-ios list-dividers-ios inset-ios
                    [49] => block
                )

            [data-name] => Array
                (
                    [0] => profile-garage-vehicle-edit
                )

            [id] => Array
                (
                    [0] => fileUpload
                    [1] => owned-to-block
                )

        )

    [a] => Array
        (
            [class] => Array
                (
                    [0] => link back
                    [1] => top-right-action
                )

            [href] => Array
                (
                    [0] => #
                )

            [id] => Array
                (
                    [0] => submit-vehicle-form
                )

        )

    [form] => Array
        (
            [id] => Array
                (
                    [0] => vehicleForm
                )

        )

    [input] => Array
        (
            [type] => Array
                (
                    [0] => hidden
                    [1] => file
                    [2] => text
                    [3] => text
                    [4] => text
                    [5] => text
                    [6] => text
                    [7] => text
                    [8] => checkbox
                )

            [name] => Array
                (
                    [0] => garage_id
                    [1] => vehicle_image
                    [2] => vehicle_model
                    [3] => vehicle_variant
                    [4] => vehicle_reg
                    [5] => vehicle_colour
                    [6] => vehicle_owned_from
                    [7] => vehicle_owned_to
                    [8] => vehicle_tagging
                )

            [value] => Array
                (
                    [0] => 
                )

            [id] => Array
                (
                    [0] => fileuploadInput
                    [1] => owned-from
                    [2] => owned-to
                )

            [placeholder] => Array
                (
                    [0] => Your vehicle model
                    [1] => Add any vehicle variant info
                    [2] => Your vehicle reg
                    [3] => Your vehicle colour
                    [4] => Select date
                    [5] => Select date
                )

            [required] => Array
                (
                    [0] => 1
                )

            [readonly] => Array
                (
                    [0] => readonly
                    [1] => readonly
                )

        )

    [button] => Array
        (
            [class] => Array
                (
                    [0] => mt-4 button button-large button-fill color-red
                )

            [id] => Array
                (
                    [0] => delete-vehicle
                )

            [type] => Array
                (
                    [0] => button
                )

        )

    [textarea] => Array
        (
            [name] => Array
                (
                    [0] => vehicle_description
                )

            [placeholder] => Array
                (
                    [0] => Add a short description of your vehicle
                )

            [maxlength] => Array
                (
                    [0] => 200
                )

        )

)