{{> partials/menu}}
<div class="col-sm-9 top-pad-10">
    <form method="post" class="form-horizontal" id="customer-form" role="form" data-toggle="validator" novalidate="false">
        <div class="row">
            <div class="col-sm-10">
                <div class="page-header">
                    <div class="btn-group float-right" role="group" aria-label="Basic example">
                        <button class="btn btn-outline-success" id="updateCustomer">Save customer <i class="fas fa-save"></i></button>
                        <button id="deleteCustomer" onclick="return confirm('Are you sure you want to delete this customer?');" class="btn btn-outline-info">Delete customer <i class="far fa-trash-alt"></i></button>
                    </div>
                    <h2>Customer</h2>
                </div>
            </div>
            <div class="col-sm-10">
                <div class="form-group">
                <label class="control-label">Email *</label>            
                    <input type="text" class="form-control" name="email" id="email" value={{result.email}} required>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "First name" }} *</label>
                    <input type="text" class="form-control" name="firstName" id="firstName" value={{result.firstName}} required>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "Last name" }} *</label>
                    <input type="text" class="form-control" name="lastName" id="lastName" value={{result.lastName}} required>
                </div>
            </div>
            <div class="col-sm-10">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "Address 1" }} *</label>   
                    <input type="text" class="form-control" name="address1" id="address1" value={{result.address1}} required>
                </div>
            </div>
            <div class="col-sm-10">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "Address 2" }}</label>
                    <input type="text" class="form-control" name="address2" id="address2" value={{result.address2}}>
                </div>
            </div>
            <div class="col-sm-10">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "Country" }} *</label>
                    <select class="form-control" id="country" name="country" required>
                        <option value="" disabled selected>Select Country</option>
                        {{#each countryList}}
                        <option {{selectState this @root.result.country}} value="{{this}}">{{this}}</option>
                        {{/each}}
                    </select>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "State" }} *</label>
                    <input type="text" class="form-control" name="state" id="state" value={{result.state}} required>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "Postcode" }} *</label>
                    <input type="text" class="form-control" name="postcode" id="postcode" value={{result.postcode}} required>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "Phone number" }} *</label>
                    <input type="text" class="form-control" name="phone" id="phone" value={{result.phone}} required>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "Password" }}</label>
                    <input type="password" class="form-control" name="password" id="password">
                    <p class="help-block">Only populate if wanting to reset the customers password</p>
                </div>
            </div>
            <div class="col-sm-10">
                <div class="form-group">
                <label class="control-label">{{ @root.__ "Creation date" }}</label>
                    <input type="text" class="form-control" value="{{formatDate result.created "DD/MM/YYYY hh:mmA"}}" readonly>
                </div>
            </div>
            <input type="hidden" name="customerId" id="customerId" value="{{result._id}}">
        </div>
    </form>
</div>