@extends('modules.head') @section('contenido')
<h3><a class="ruta" class="" href="{{ route('events.index') }}">{{ __('messages.events.title_2') }}
    </a>
    <span class="separador-ruta">|</span><a class="ruta" class=""
        href="{{ route('events.create') }}">{{ __('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">
            @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') }}"></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>