<div class="modal success" id="modal-ticket" name="modal-ticket">
    <div class="modal-dialog">
        <div class="modal-content text-center">
            <div class="fader hidden">
                <img class="loader" src="{{ asset('images/loader.svg') }}" width="100" height="100"/>
            </div>
            <br/>
            <div class="modal-body text-center">
                <form id='ticketForm' role="form">
                    <div class="form-group">
                        <label for="email">{{ Lang::get('lang.email') }} </label>
                        <input type="email" class="form-control" id="email" name='email'>
                    </div>
                    <span class='removeError unisans-regular-italic color-red emailError'></span>

                    <div class="form-group">
                        <label for="DeviceType">{{ Lang::get('lang.prosmartDeviceType')}} :</label>
                        <select class="form-control" name='deviceType' id="deviceType">
                            <option disabled selected value> -- {{Lang::get('lang.device')}} --</option>
                            <option>BBoil</option>
                            <option>BBoil RF</option>
                            <option>PS Gate</option>
                            <option>PS Fire</option>
                            <option>PS Water</option>
                            <option>PS Alarm</option>
                        </select>
                    </div>
                    <span class='removeError unisans-regular-italic color-red deviceTypeError'></span>

                    <div class="form-group">
                        <label for="SerialNumber">{{ Lang::get('lang.serialNumber') }}</label>
                        <input type="text" class="form-control" id="SerialNumber" name='serialNumber'>
                    </div>
                    <span class='removeError unisans-regular-italic color-red serialNumberError'></span>

                    <div class="form-group">
                        <label for="subject">{{ Lang::get('lang.subject') }} </label>
                        <input type="text" class="form-control" id="subject" name='subject'>
                    </div>
                    <span class='removeError unisans-regular-italic color-red subjectError'></span>

                    <div class="form-group">
                        <label for="message">{{ Lang::get('lang.message') }}</label>
                        <textarea class="ticketTextArea form-control" rows="3" name='message'></textarea>
                    </div>
                    <span class='removeError unisans-regular-italic color-red messageError'></span>

                    <div>
                        <button id='sendTicket'
                                class="bttn-default"
                                type='button'>{{ Lang::get('lang.send')}}</button>
                    </div>
                </form>
            </div>
        <!--  <button class="custom-btn-blue-bold-fill-to-blue-fill centered standart-margin-bottom font-20"
                       data-dismiss="modal">{{ Lang::get('lang.close') }}</button> -->
        </div>
    </div>
</div>
