<div id="tripos-form-modal" class="modal modal-fixed-footer" style="max-height: 100%" <%=(App.rtl
    ? 'style="direction:rtl"' : '' ) %>></div>
<div class="modal-content scroll scrollbar-juicy-peach">
    <div id="tripos-form-content">
        <div style="padding-bottom: 50px">
            <h4 style="font-size: 1.2rem">{Literal}triPOS Terminal{/Literal}</h4>
        </div>
        <form>
            <div class="row">
                <div class="input-field col s4"  <%=(triPOS.id != 0 ? 'style="display: none;"' : '' ) %>>
                    <input id="activationCode" type="text" value="<%= triPOS.activationCode %>">
                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                    <label class="active" for="activationCode">{Literal}Activation Code{/Literal} </label>
                </div>
                <div class="input-field col s4"  <%=(triPOS.id == 0 ? 'style="display: none;"' : '' ) %>>
                    <input disabled id="serialNumber" type="text" value="<%= triPOS.serialNumber %>">
                    <label class="active" for="activationCode">{Literal}Serial Number{/Literal} </label>
                </div>
                <div class="input-field col s4">
                        <input id="description" type="text" value="<%= triPOS.description %>" <%=(triPOS.id !=0 ? 'disabled' : '' ) %> >
                        <label class="active" for="description">{Literal}Description{/Literal}</label>
                        <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                </div>
                <div class="input-field col s4">
                        <input id="terminalId" type="text" value="<%= triPOS.terminalId %>" <%=(triPOS.id != 0 ? 'disabled' : '' ) %>   >
                        <label class="active" for="terminalId">{Literal}Terminal Id{/Literal} </label>
                        <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                </div>
            </div>


            <!-- <div class="row">
                        <div class="col s12">
                            <div class="col s12 m6">
                                <div class="input-field">
                                    <input id="companyName" type="text" value="<%= triPOS.name %>"></input>
                                    <label class="active" for="companyName">{Literal}Company Name{/Literal}</label>
                                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                                </div>
                            </div>
                            <div class="col s12 m6">
                                <div class="input-field">
                                    <input id="contactName" type="text" value="<%= triPOS.contactName %>"></input>
                                    <label for="contactName">{Literal}Contact Name{/Literal}</label>
                                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col s12">
                            <div class="col s12 m4">
                                <div class="input-field">
                                    <input id="address1" type="text" value="<%= triPOS.address1 %>"></input>
                                    <label class="active" for="address1">{Literal}Street Address{/Literal}</label>
                                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                                </div>
                            </div>
                            <div class="col s12 m4">
                                <div class="input-field">
                                    <input id="city" type="text" value="<%= triPOS.city %>"></input>
                                    <label class="active" for="city">{Literal}City{/Literal}</label>
                                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                                </div>
                            </div>
                            <div class="col s12 m2">
                                <div class="input-field">
                                    <input id="state" type="text" value="<%= triPOS.state %>"></input>
                                    <label class="active" for="state">{Literal}State{/Literal}</label>
                                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                                </div>
                            </div>
                            <div class="col s12 m2">
                                <div class="input-field">
                                    <input id="zip" type="number" value="<%= triPOS.zip %>"></input>
                                    <label class="active" for="zip">{Literal}Zip Code{/Literal}</label>
                                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col s12">
                            <div class="col s12 m6">
                                <div class="input-field">
                                    <input id="email" type="text" value="<%= triPOS.email %>"></input>
                                    <label for="email">{Literal}Email Address{/Literal}</label>
                                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                                </div>
                            </div>
                            <div class="col s12 m6">
                                <div class="input-field">
                                    <input id="phone" type="text" value="<%= triPOS.phone %>"></input>
                                    <label class="active" for="phone">{Literal}Phone{/Literal}</label>
                                    <span class="helper-text" data-error="This field is required and cannot contain special characters" data-success=""></span>
                                </div>
                            </div>
                        </div>
                    </div> -->


            <div class="col s12 m1" style="display: none;">
                <div class="input-field">
                    <input id="id" type="text" value="<%= triPOS.id %>" disabled>
                </div>
            </div>
    </div>
    </form>
</div>
</div>
</div>

<div class="modal-footer">
    <a <%=(triPOS.id !=0 ? '' : 'disabled' ) %> href="#delete-tripos-modal" class="btn-flat modal-trigger waves-effect
        waves-light red-text right delete-button ">{Literal}Delete{/Literal}</a>
    <a <%=(triPOS.id !=0 ? 'disabled' : '' ) %> href="javascript:void(0)" class="waves-effect waves-green btn green left
        save-button">{Literal}Save{/Literal}</a>
    <a href="javascript:void(0)"
        class="modal-close waves-effect waves-light left btn-flat">{Literal}Cancel{/Literal}</a>
    <a href="javascript:void(0)" <%=(triPOS.id == 0 ? 'style="display: none;"' : '' ) %>
        class="modal-close waves-effect waves-light right btn-flat modify-button">{Literal}Modify{/Literal}</a>
</div>


<div id="delete-tripos-modal" class="modal">
    <div class="modal-content">
        <div style="padding-bottom: 50px;">
            <h6>{Literal}Confirm Deletion{/Literal}</h6>
        </div>
        <p>{Literal}Are you sure that you would like to remove this triPOS Terminal{/Literal}?</p>
    </div>
    <div class="modal-footer">
        <a href="javascript:void(0)" id="delete-tripos-confirm"
            class="waves-effect waves-light btn red left" data-tripos-terminalId="<%= triPOS.terminalId%>"
            data-tripos-id="<%= triPOS.id%>">{Literal}Delete{/Literal}</a>
        <input type="hidden" id="delete-tripos-id" />
        <a href="javascript:void(0)"
            class="modal-close waves-effect waves-light btn-flat left">{Literal}Cancel{/Literal}</a>
    </div>
</div>

<div id="spinner" style="display:none; position: fixed; background-color: rgb(128,128,128,0.3); opacity: 0.5;min-width: 100%;min-height: 100%; z-index: 1;">
    <div class="preloader-wrapper big center signature-modal-trigger-preloader active" style="position: fixed; top: 50%; left: 50%;">
        <div class="spinner-layer spinner-blue-only">
            <div class="circle-clipper left">
                <div class="circle"></div>
            </div>
            <div class="gap-patch">
                <div class="circle"></div>
            </div>
            <div class="circle-clipper right">
                <div class="circle"></div>
            </div>
        </div>
    </div>
</div>