@extends('layouts.app')
@section('content')
<!-- Who We Are -->
<div id="">
<section class="login-area create-list tierlist-without-login">
  <div class="container">
    <div class="col-md-8 builds-area-wraper">
      <div class="serach-area builds-area" data-aos="fade-down">
        <form action="javascript:;">
          <button type="submit"><img src="img/serarch-icon.png"></button>
          <input type="text" placeholder="Search" name="search">
        </form>
      </div>
      <h2 class="create-list-h2" data-aos="fade-down">Create List</h2>
    </div>
    <div class="tierlist-wraper">
      <ul class="tierlist-details-ul">
        <li class="tierlist-header" data-aos="fade-down" data-aos-delay="100">
          <div class="tierlist-heading">
            <h1>Name</h1>
          </div>
          <div class="tierlist-heading">
            <h1>Weight Class</h1>
          </div>
          <div class="tierlist-heading">
            <h1>Patch</h1>
          </div>
          <div class="tierlist-heading">
            <h1>Created</h1>
          </div>
        </li>

        <li class="brdr-btm" data-aos="fade-down" data-aos-delay="200">
          <div class="player-name ">
            <a href="javascript:;">
              <img src="./img/guide-man1.png" class="players-img img-fluid">
              <h2>Chantelle Cameron <br> <span>Mahdi Chaghari</span></h2>
            </a>
          </div>
          <div class="player-name">
            <h5>Heavy weight</h5>
          </div>
          <div class="player-name">
            <h5>Patch 08/14/22</h5>
          </div>
          <div class="player-name">
            <h5>AUG-2-22</h5>
          </div>
        </li>

      </ul>
    </div>
  </div>
</section>
</div>
@endsection
@section('scripts')
  <script type="text/javascript">

var app = new Vue({
                data: {
                    teirData: []
                },
                mounted: function () {
                    this.getTeir();
                },
                methods: {
                    getGuide: function () {
                      var data = {
                           userId : this.userId
                      }
                        _ajax.post('{{env("APP_URL")}}/get/all-teir', data, (res) => {
                                if (res.status) {
                                    this.guideData = res.data
                                }
                            });
                    }
                }
            }).$mount("#userGuide");
  </script>
@endsection