@extends('modules.head') @section('contenido')
<h3>
    <a class="ruta" class="" href="{{ route('season.event.index', ['season_id' => $season_id]) }}">
        {{ __('messages.events.title_2') }}
    </a>
    <span class="separador-ruta">|</span>
    <a class="ruta">{{ __('messages.events.title_1') }}</a>
</h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ __('messages.events.title_1') }}</h3>
    </div>
    <div class="box-body">
        <form method="POST" id="form_create" season_id="{{$season_id}}">
            @include('matchevents.form')
            @include('layouts.button_add')
        </form>
    </div>
</div>
@endsection
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/events.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script>
    $(document).ready(function() {
        $('#team_id').on('change', function() {
            var current_name = "";
            if (this.value != "0") {
                var selectedText = $("#team_id option:selected").html();
                selectedText = selectedText.trim();
                var data = '{{$team_main}}';
                var team_main = JSON.parse(`[${data}]`.replace(/&quot;/g, '"'))[0];
                current_name = team_main["display_name"] + " vs " + selectedText;
            }
            $('#name').val(current_name);
        });
    });
</script>