Why am I getting the index.php file instead of my single-event.php file?

<?php
/*
    Template Name: Event List
*/
?>
<?php get_header(); ?>


<div class ="row"> 

  <div class="col-lg-12" id="no-pad"> 

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

        <div class="page-header">
            <h1><?php the_title(); ?></h1>
            <hr></hr>
        </div>

        <?php the_content(); ?>

      <?php endwhile; else: ?>

        <div class="page-header">
          <h1>Oh no!</h1>
          <hr></hr>
        </div>
        <p>We've dropped our compass. page event-list template</p>

      <?php endif; ?>


  </div> <!-- close col-12 -->

</div><!-- close opening row -->


<!-- begin content -->
<div class="row">

    <?php
      $args = array(
        'post_type' => 'event'
        );
      $the_query = new WP_Query( $args );
    ?>

  <?php if ( have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

    <div class="col-lg-12 event-list">

      <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>

    </div><!-- close col -->

</div><!-- close row -->

  <?php endwhile; endif; ?> <!-- end have_posts -->


<?php get_footer(); ?>

<?php get_header(); ?>

<div class ="row lg-mrg-top"> <!-- division of left/right begins after this (this row contains all) -->

<!-- ###########main content left########## -->
  <div class="col-lg-9 col-md-9 col-sm-9 more-pad-right no-pad-left"> 

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

        <?php the_content(); ?>

      <?php endwhile; else: ?>

        <div class="page-header">
          <h1>Oh no!</h1>
          <hr></hr>
        </div>
        <p>We've dropped our compass!!!! single-event template.</p>

      <?php endif; ?>

  </div> <!-- close main content left-->

<!-- ##############sidebar content right#############-->
<?php get_sidebar( 'event' ); ?>

</div><!--end the row that holds both left/right content -->


<?php get_footer(); ?>