<div class="open-user-map oum-container-for-fullscreen">
  <div id="add-location-overlay" class="add-location">
    <div class="location-overlay-content">
      <div id="close-add-location-overlay">&#x2715;</div>
      <form id="oum_add_location" enctype="multipart/form-data">
        <h2 class="oum-add-location-headline"><?php 
echo ( get_option( 'oum_form_headline' ) ? get_option( 'oum_form_headline' ) : __( 'Add a new location', 'open-user-map' ) );
?></h2>
        <h2 class="oum-edit-location-headline"><?php 
echo __( 'Edit Location', 'open-user-map' );
?></h2>
        <?php 
wp_nonce_field( 'oum_location', 'oum_location_nonce' );
?>

        <?php 
if ( get_option( 'oum_enable_title', 'on' ) ) {
    ?>
          <?php 
    $maxlength = ( get_option( 'oum_title_maxlength' ) > 0 ? 'maxlength="' . get_option( 'oum_title_maxlength' ) . '"' : '' );
    ?>
          <label class="oum-label" for="oum_location_title"><?php 
    echo $oum_title_label;
    if ( get_option( 'oum_title_required', 'on' ) ) {
        ?><span class="oum-required-indicator">*</span><?php 
    }
    ?></label>
          <input type="text" id="oum_location_title" name="oum_location_title" <?php 
    if ( get_option( 'oum_title_required', 'on' ) ) {
        ?>required<?php 
    }
    ?> <?php 
    echo $maxlength;
    ?> />
        <?php 
}
?>
        
        <label class="oum-label"><?php 
echo $oum_map_label;
?><span class="oum-required-indicator">*</span></label>
        <div class="map-wrap">
          <div id="mapGetLocation" class="leaflet-map map-style_<?php 
echo $map_style;
?>"<?php 
echo $this->get_tile_provider_data_attribute( $map_style, 'container' );
?>></div>
        </div>
        <input type="hidden" id="oum_location_lat" name="oum_location_lat" required placeholder="<?php 
echo __( 'Latitude', 'open-user-map' );
?>*" />
        <input type="hidden" id="oum_location_lng" name="oum_location_lng" required placeholder="<?php 
echo __( 'Longitude', 'open-user-map' );
?>*" />

        <input type="hidden" id="oum_post_id" name="oum_post_id" value="">
        <input type="hidden" id="oum_delete_location" name="oum_delete_location" value="">

        <?php 
?>

        
        <?php 
$oum_custom_fields = get_option( 'oum_custom_fields' );
?>
        <?php 
if ( is_array( $oum_custom_fields ) ) {
    ?>
          <div class="oum_custom_fields_wrapper">
          <?php 
    foreach ( $oum_custom_fields as $index => $custom_field ) {
        ?>
            <?php 
        if ( $custom_field['label'] == '' && $custom_field['fieldtype'] != 'html' ) {
            continue;
        }
        $custom_field['fieldtype'] = ( isset( $custom_field['fieldtype'] ) ? $custom_field['fieldtype'] : 'text' );
        $custom_field['description'] = ( isset( $custom_field['description'] ) ? $custom_field['description'] : '' );
        $label = esc_attr( $custom_field['label'] ) . (( isset( $custom_field['required'] ) ? '<span class="oum-required-indicator">*</span>' : '' ));
        $description = ( $custom_field['description'] ? '<div class="oum_custom_field_description">' . wp_kses_post( $custom_field['description'] ) . '</div>' : '' );
        $maxlength = ( $custom_field['maxlength'] ? 'maxlength="' . $custom_field['maxlength'] . '"' : '' );
        $html = ( $custom_field['html'] ? $custom_field['html'] : '' );
        ?>

            <?php 
        if ( $custom_field['fieldtype'] == 'text' ) {
            ?>
              <div data-custom-field-label="<?php 
            echo esc_attr( $custom_field['label'] );
            ?>">
                <label class="oum-label"><?php 
            echo esc_attr( $label );
            ?></label>
                <input type="text" name="oum_location_custom_fields[<?php 
            echo $index;
            ?>]" <?php 
            echo ( isset( $custom_field['required'] ) ? 'required' : '' );
            ?> value="" <?php 
            echo $maxlength;
            ?> />
                <?php 
            echo $description;
            ?>
              </div>
            <?php 
        }
        ?>

            <?php 
        if ( $custom_field['fieldtype'] == 'link' ) {
            ?>
              <div data-custom-field-label="<?php 
            echo esc_attr( $custom_field['label'] );
            ?>">
                <label class="oum-label"><?php 
            echo esc_attr( $label );
            ?></label>
                <input type="url" name="oum_location_custom_fields[<?php 
            echo $index;
            ?>]" <?php 
            echo ( isset( $custom_field['required'] ) ? 'required' : '' );
            ?> value="" <?php 
            echo $maxlength;
            ?> />
                <?php 
            echo $description;
            ?>
              </div>
            <?php 
        }
        ?>

            <?php 
        if ( $custom_field['fieldtype'] == 'email' ) {
            ?>
              <div data-custom-field-label="<?php 
            echo esc_attr( $custom_field['label'] );
            ?>">
                <label class="oum-label"><?php 
            echo esc_attr( $label );
            ?></label>
                <input type="email" name="oum_location_custom_fields[<?php 
            echo $index;
            ?>]" <?php 
            echo ( isset( $custom_field['required'] ) ? 'required' : '' );
            ?> value="" <?php 
            echo $maxlength;
            ?> />
                <?php 
            echo $description;
            ?>
              </div>
            <?php 
        }
        ?>

            <?php 
        if ( $custom_field['fieldtype'] == 'checkbox' ) {
            ?>
              <div data-custom-field-label="<?php 
            echo esc_attr( $custom_field['label'] );
            ?>">
                <fieldset class="oum-checkbox-group <?php 
            echo ( isset( $custom_field['required'] ) ? 'is-required' : '' );
            ?>">
                  <legend><?php 
            echo $label;
            ?></legend>
                  <?php 
            $options = ( isset( $custom_field['options'] ) ? explode( '|', $custom_field['options'] ) : array() );
            foreach ( $options as $option_index => $option ) {
                ?>
                    <div>
                      <label>
                        <input style="accent-color: <?php 
                echo $oum_ui_color;
                ?>" type="checkbox" name="oum_location_custom_fields[<?php 
                echo $index;
                ?>][]" value="<?php 
                echo esc_attr( trim( $option ) );
                ?>" <?php 
                echo ( isset( $custom_field['required'] ) && $option_index === 0 ? 'required' : '' );
                ?>>
                        <span><?php 
                echo trim( $option );
                ?></span>
                      </label>
                    </div>
                  <?php 
            }
            ?>
                </fieldset>
                <?php 
            echo $description;
            ?>
              </div>
            <?php 
        }
        ?>

            <?php 
        if ( $custom_field['fieldtype'] == 'radio' ) {
            ?>
              <div data-custom-field-label="<?php 
            echo esc_attr( $custom_field['label'] );
            ?>">
                <fieldset class="<?php 
            echo ( isset( $custom_field['required'] ) ? 'is-required' : '' );
            ?>">
                  <legend><?php 
            echo $label;
            ?></legend>
                  <?php 
            $options = ( isset( $custom_field['options'] ) ? explode( '|', $custom_field['options'] ) : array() );
            foreach ( $options as $option ) {
                ?>
                    <div>
                      <label>
                        <input style="accent-color: <?php 
                echo $oum_ui_color;
                ?>" type="radio" name="oum_location_custom_fields[<?php 
                echo $index;
                ?>]" value="<?php 
                echo esc_attr( trim( $option ) );
                ?>" <?php 
                echo ( isset( $custom_field['required'] ) ? 'required' : '' );
                ?>>
                        <span><?php 
                echo trim( $option );
                ?></span>
                      </label>
                    </div>
                  <?php 
            }
            ?>
                </fieldset>
                <?php 
            echo $description;
            ?>
              </div>
            <?php 
        }
        ?>

            <?php 
        if ( $custom_field['fieldtype'] == 'select' ) {
            ?>
              <div data-custom-field-label="<?php 
            echo esc_attr( $custom_field['label'] );
            ?>">
                <label class="oum-label"><?php 
            echo esc_attr( $label );
            ?></label>
                <select name="oum_location_custom_fields[<?php 
            echo $index;
            ?>]<?php 
            echo ( isset( $custom_field['multiple'] ) ? '[]' : '' );
            ?>" <?php 
            echo ( isset( $custom_field['required'] ) ? 'required' : '' );
            ?> <?php 
            echo ( isset( $custom_field['multiple'] ) ? 'multiple' : '' );
            ?>>
                  <?php 
            $options = ( isset( $custom_field['options'] ) ? explode( '|', $custom_field['options'] ) : array() );
            if ( isset( $custom_field['emptyoption'] ) ) {
                ?>
                    <option></option>
                  <?php 
            }
            foreach ( $options as $option ) {
                ?>
                    <option value="<?php 
                echo esc_attr( trim( $option ) );
                ?>"><?php 
                echo trim( $option );
                ?></option>
                  <?php 
            }
            ?>
                </select>
                <?php 
            echo $description;
            ?>
              </div>
            <?php 
        }
        ?>

            <?php 
        if ( $custom_field['fieldtype'] == 'html' ) {
            ?>
              <div class="oum-custom-field-html">
                <?php 
            echo $html;
            ?>
              </div>
            <?php 
        }
        ?>

          <?php 
    }
    ?>
          </div>
        <?php 
}
?>
        

        <?php 
if ( get_option( 'oum_enable_address', 'on' ) === 'on' ) {
    ?>
          <label class="oum-label" for="oum_location_address"><?php 
    echo $oum_address_label;
    ?></label>
          <input type="text" id="oum_location_address" name="oum_location_address" />
        <?php 
}
?>

        <?php 
if ( get_option( 'oum_enable_description', 'on' ) === 'on' ) {
    ?>
          <label class="oum-label" for="oum_location_text"><?php 
    echo $oum_description_label;
    echo ( get_option( 'oum_description_required' ) ? '<span class="oum-required-indicator">*</span>' : '' );
    ?></label>
          <textarea id="oum_location_text" name="oum_location_text" <?php 
    echo ( get_option( 'oum_description_required' ) ? 'required' : '' );
    ?>></textarea>
        <?php 
}
?>
        
        <?php 
if ( get_option( 'oum_enable_image', 'on' ) === 'on' || get_option( 'oum_enable_audio', 'on' ) === 'on' || oum_fs()->is__premium_only() && oum_fs()->can_use_premium_code() && get_option( 'oum_enable_video' ) === 'on' ) {
    ?>
          <label class="oum-label"><?php 
    echo $oum_upload_media_label;
    ?></label>
          <div class="oum_media">

          <?php 
    if ( get_option( 'oum_enable_image', 'on' ) === 'on' ) {
        ?>
            <div class="media-upload oum-image-upload">
              <div class="media-upload-top">
                <label for="oum_location_images" title="<?php 
        echo __( 'Upload Images', 'open-user-map' );
        ?>">
                  <span class="dashicons dashicons-format-image"></span>
                  <?php 
        $max_images = get_option( 'oum_max_image_uploads', 5 );
        if ( $max_images > 1 ) {
            ?>
                    <span class="multi-upload-indicator">+</span>
                  <?php 
        }
        ?>
                </label>
                <?php 
        if ( $max_images > 1 ) {
            ?>
                  <p class="oum-image-upload-description"><?php 
            echo sprintf( __( 'Add up to %d images to create a gallery for this location.', 'open-user-map' ), $max_images );
            ?></p>
                <?php 
        }
        ?>
              </div>
              <input type="file" 
                id="oum_location_images" 
                name="oum_location_images[]" 
                accept="image/*" 
                multiple 
                <?php 
        if ( get_option( 'oum_image_required' ) ) {
            ?>required<?php 
        }
        ?> 
                data-max-files="<?php 
        echo esc_attr( $max_images );
        ?>"
              />
              <input type="hidden" id="oum_remove_existing_image" name="oum_remove_existing_image" value="0" />
            </div>

            <div class="oum-image-preview-grid" id="oum_location_images_preview"></div>
          <?php 
    }
    ?>

          <?php 
    ?>

          <?php 
    if ( get_option( 'oum_enable_audio', 'on' ) === 'on' ) {
        ?>
            <div class="media-upload oum-audio-upload">
              <label style="color: #e82c71" for="oum_location_audio" title="<?php 
        echo __( 'Upload Audio', 'open-user-map' );
        ?>">
                <span class="dashicons dashicons-format-audio"></span>
              </label>
              <input type="file" 
                id="oum_location_audio" 
                name="oum_location_audio" 
                accept="audio/mp3,audio/mpeg3,audio/wav,audio/mp4,audio/mpeg,audio/x-m4a" 
                multiple="false"
              />
              <div class="preview">
                <div class="audio-preview"></div>
                <div id="oum_remove_audio" class="remove-upload">×</div>
              </div>
              <input type="hidden" id="oum_remove_existing_audio" name="oum_remove_existing_audio" value="1" />
            </div>
          <?php 
    }
    ?>
          </div>
        <?php 
}
?>

        <?php 
?>

        <input type="submit" id="oum_submit_btn" style="background-color: <?php 
echo $oum_ui_color;
?>" value="<?php 
echo ( get_option( 'oum_submit_button_label' ) ? get_option( 'oum_submit_button_label' ) : __( 'Submit location for review', 'open-user-map' ) );
?>" />

        <?php 
if ( current_user_can( 'delete_oum-locations' ) ) {
    ?>
          <div id="oum_delete_location_btn"><span style="color: <?php 
    echo $oum_ui_color;
    ?>"><?php 
    echo __( 'Delete this location', 'open-user-map' );
    ?></span></div>
        <?php 
}
?>

      </form>

      <div id="oum_add_location_error" style="display: none"></div>

      <div id="oum_add_location_thankyou" style="display: none">
        <h3><?php 
echo ( $thankyou_headline ? $thankyou_headline : __( 'Thank you!', 'open-user-map' ) );
?></h3>
        <p class="oum-add-location-thankyou-text"><?php 
echo ( $thankyou_text ? $thankyou_text : __( 'We will check your location suggestion and release it as soon as possible.', 'open-user-map' ) );
?></p>
      </div>
    </div>
  </div>
  <div id="location-fullscreen-container"><div class="location-content-wrap"></div><div id="close-location-fullscreen" onClick="oumMap.closePopup()">✕</div></div>
</div>