You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
2.2 KiB

@extends('layouts.app')
@push('scripts')
<script src="{{ asset('js/teams.js') }}"></script>
@endpush
@section('content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
@foreach($teams as $team)
<section class="panel panel-default" data-team="{{ $team->id }}">
<div class="panel-heading">
<div class="team">
<span class="team-icon" style="background-color: #{{ $team->color }};"></span>
<span class="team-name">{{ $team->name }}</span>
</div>
</div>
<div class="panel-body player-list">
<ul>
@foreach($team->players as $player)
<li>
<div class="profile">
<img src="{{ $player->photo }}">
<span><a href="https://twitter.com/{{ $player->twitter }}">{{ '@'.$player->twitter }}</a></span>
</div>
</li>
@endforeach
</ul>
<form class="form-inline">
<div class="form-group">
<input type="text" class="form-control new-player-twitter" data-team="{{ $team->id }}" placeholder="@twitter">
<button type="submit" class="btn btn-default new-player-twitter-btn">Add</button>
</div>
</form>
</div>
</section>
@endforeach
<button id="add-team" class="btn btn-default">New Team</button>
<br><br>
<form class="form-inline">
<div class="form-group">
<input type="text" class="form-control new-player-twitter" data-team="0" placeholder="@twitter">
<button type="submit" class="btn btn-default new-player-twitter-btn">Remove</button>
</div>
</form>
</div>
</div>
</div>
@endsection