<div id="wpcsr-parcels">
    <div id="wpcsr-rate-wrapper" class="wpcsr-section">
        <div class="wpcsr-search-box">
            <div class="column-wrap">
                <section id="wpcsr-package-opt-wrapper">
                    <p class="request-label"><strong><?php echo wpcsr_package_type_form_label(); ?></strong></p>
                    <ul class="wpcsr-package-options">
                    <?php foreach( wpcargo_package_settings()->peice_types as $piece_type): ?>
                        <li>
                        <label for="package-type-<?php echo $piece_type; ?>" class="package-type-label">
                            <input type="radio" name="wpc-pm-piece-type" class="package-type" value="<?php echo $piece_type; ?>" id="package-type-<?php echo $piece_type; ?>">
                            <?php echo $piece_type; ?>
                        </label>
                        </li>
                    <?php endforeach;?>
                    </ul>
                </section>
                <div class="column one-third">
                    <select id="wpcsr-rate-origin" class="wpcsr-fields" name="wpcsr_origin">
                        <?php if( !empty( get_wpcsr_zone_origin() ) ): ?>
                            <option value=""><i><?php echo wpcsr_select_destination_label(); ?></i></option>
                            <?php foreach(get_wpcsr_zone_origin() as $location): ?>
                                <option class="wpcsr_zone_location checkbox" name="zone_origin" id="wpcsr_zone_location" value="<?php echo $location->ID;?>"><?php echo $location->name;?></option>
                            <?php endforeach; ?>
                        <?php else: ?>
                            <option disabled="disabled"><i><?php echo wpcsr_no_location_form_label(); ?></i></option>
                        <?php endif; ?>
                    </select>
                </div>
                <div class="column one-third">
                    <select id="wpcsr-rate-destination" class="wpcsr-fields" disabled="disabled" name="wpcsr_destination">
                        <option class="default" value=""><i><?php echo wpcsr_destination_label(); ?></i></option>
                    </select>
                </div>
                <div class="column one-sixth">
                    <input id="wpcsr-rate-weight" type="text" name="wpcsr-rate-weight" class="wpcsr-fields" placeholder="<?php echo wpcsr_weight_label(); ?>" disabled="disabled" />
                </div>
                <div class="column one-sixth">
                    <button id="wpcsr-find-rate" class="wpcsr-rate-submit wpcsr-fields button button-primary" ><?php echo wpcsr_find_rate_label(); ?></button>
                </div>
            </div>
            <div id="wpcsr-rateresult-wrapper">
                <div id="shipment-cost" style="clear:both;display:none;">
                    <p><span class="label"><?php echo wpcsr_rate_label(); ?>:</span> <span class="shipping_rate" ><?php echo format_wpcsr_currency( 0, true ); ?></span></p>
                    <p><span class="label"><?php echo wpcsr_protection_variation_label(); ?>:</span> <span class="shipping_protection"><?php echo format_wpcsr_currency( 0, true ); ?></span></p>
                    <?php if( has_wpcsr_warehouse() ): ?>
                        <p><span class="label"><?php echo wpcsr_pickup_rate_label(); ?>:</span> <span class="pickup_rate"><?php echo format_wpcsr_currency( 0, true ); ?></span></p>
                    <?php endif; ?>
                    <p class="total_cost_wrap"><span class="label"><?php echo wpcsr_total_cost_label(); ?>:</span> <span class="total_cost"><?php echo format_wpcsr_currency(0, true); ?></span></p>
                </div>
            </div>
        </div>
    </div>
</div>