{{> partials/menu}}
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
    <form method="post" class="form-horizontal" id="customer-form" role="form" data-toggle="validator" novalidate="false">
        <div class="col-sm-12">
            <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</button>
                    <button id="deleteCustomer" onclick="return confirm('Are you sure you want to delete this customer?');" class="btn btn-outline-danger">Delete customer</button>
                </div>
                <h2>Customer</h2>
            </div>
        </div>
        <div class="col-sm-12">
            <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-12">
            <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-12">
            <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-12">
            <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-12">
            <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}}">
    </form>
</main>