<div id="delivery-method-info" class="section wpcargo-col-md-12" >
    <div id="delivery-methods" class="form-check">
        <h4><?php echo wpcsr_delivery_method_label(); ?></h4>
        <ul id="wpcsr_delivery_methods" >
            <li>
                <input id="wpcsr_dropoff" type="radio" name="delivery_method" class="form-check-input" value="<?php echo wpcsr_dropoff_label(); ?>" checked="checked"/>
                <label for="wpcsr_dropoff" class="form-check-label"><?php echo wpcsr_dropoff_label(); ?></label>
            </li>
            <li>
                <input id="wpcsr_pickup" type="radio" name="delivery_method" class="form-check-input" value="<?php echo wpcsr_pickup_label(); ?>"  />
                <label for="wpcsr_pickup" class="form-check-label"><?php echo wpcsr_pickup_label(); ?></label>
            </li>
        </ul>
    </div>
    <div id="delivery-method-action">
        <div id="pickup-warehouse-option">
            <h4><?php echo wpcsr_dropoff_warehouse_address_label(); ?></h4>
            <div class="wpcargo-row">      
                <?php $counter = 1; foreach( $warehouses as $key => $warehouse ): ?>
                <div class="wpcargo-col-md-4">
					<div class="warehouse-address <?php echo ( $counter == 1 ) ? 'selected' : ''; ?>">
                    	<input id="warehouse-<?php echo $key; ?>" type="radio" name="warehouse" value="<?php echo $key; ?>" <?php echo ( $counter == 1 ) ? 'checked="checked"' : ''; ?>  />
						<table class="warehouse-info" width="100%">
							<tr>
								<td colspan="2"><?php echo $warehouse['name']; ?></td>
							</tr>
							<tr>
								<th><?php echo wpcsr_phone_form_label(); ?></th>
								<td><?php echo $warehouse['phone']; ?></td>
							</tr>
							<tr>
								<th><?php echo wpcsr_address1_label(); ?></th>
								<td><?php echo $warehouse['address_1']; ?></td>
							</tr>
							<tr>
								<th><?php echo wpcsr_address2_label(); ?></th>
								<td><?php echo $warehouse['address_2']; ?></td>
							</tr>
							<tr>
								<th><?php echo wpcsr_city_label(); ?></th>
								<td><?php echo $warehouse['city']; ?></td>
							</tr>
							<tr>
								<th><?php echo wpcsr_postcode_zip_label(); ?></th>
								<td><?php echo $warehouse['postcode']; ?></td>
							</tr>
							<tr>
								<th><?php echo wpcsr_country_form_label(); ?></th>
								<td><?php echo $warehouse['country']; ?></td>
							</tr>
							<tr>
								<th><?php echo wpcsr_state_county_label(); ?></th>
								<td><?php echo $warehouse['state']; ?></td>
							</tr>
						</table>
					</div>
                </div>
                <?php $counter++; endforeach; ?>
            </div>
        </div>
        <div id="pickup-rates-option" style="display:none;">
            <section id="pickup-address">
                <p style="font-size:1.2rem"><strong><?php echo wpcsr_pickup_address_label(); ?></strong></p>
                <?php if( !empty( wpcsr_pickup_fields() ) ): $pck_zones = get_wpcsr_pickup_rates_column('zone'); ?>
                    <?php foreach( wpcsr_pickup_fields() as $pck_meta => $pck_label ): ?>      
                        <?php if( wpcsr_pickup_reference() == $pck_meta && !empty( $pck_zones ) ): ?>
                            <div class="form-group">
                                <label for="<?php echo $pck_meta; ?>" class="mr-4"><?php echo $pck_label; ?>:</label>
                                <select name="<?php echo $pck_meta; ?>" id="<?php echo $pck_meta; ?>" class="form-control wpcfe-select" >
                                    <option value=""><?php esc_html_e( 'Select', 'wpcargo-shipment-rate' ); ?> <?php echo $pck_label; ?></option>
                                    <?php foreach( $pck_zones as $zone ): ?>
                                        <option value="<?php echo $zone; ?>"><?php echo $zone; ?></option>
                                    <?php endforeach; ?>
                                </select>
                                <span class="<?php echo $pck_meta; ?>-required text-danger display-none"><?php echo wpcsr_required_label(); ?></span>
                            </div>
                        <?php continue; endif; ?>
                        <div class="md-form form-group">
                            <label for="<?php echo $pck_meta; ?>"><?php echo $pck_label; ?></label>
                            <input id="<?php echo $pck_meta; ?>" class="form-control" type="text" name="<?php echo $pck_meta; ?>" value="" autocomplete="off" >
                        </div>
                    <?php endforeach; ?>
                <?php endif; ?>
            </section>
        </div>
    </div>
</div>