@extends('modules.head')
@section('extra-css')
    <link rel="stylesheet" href="https://secure.widget.cloud.opta.net/v3/css/v3.all.opta-widgets.css">
@endsection
@section('contenido')
<script src="https://secure.widget.cloud.opta.net/v3/v3.opta-widgets.js"></script>
<script>
    var opta_settings = {
        subscription_id: '{{ env('OPTA_SPORTS_KEY') }}',
        language: 'es_ES',
        timezone: 'America/Bogota'
    };
</script>
<div style="width: 100%;">
    <div id="timeline">
        <opta-widget widget="timeline" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" template="normal" live="true" orientation="horizontal" vertical_timebar_height="260" group_substitutions="true" show_match_header="true" show_score="true" show_crests="true" show_assists="all" show_team_formation="true" show_clock="true" show_period_dividers="true" show_halftime_score="false" show_date="true" date_format="dddd D MMMM YYYY" show_attendance="true" show_images="true" show_referee="true" show_venue="true" show_cards="all" show_goals="true" show_penalties_missed="true" show_subs="true" show_goals_combined="true" show_shootouts="true" show_competition_name="true" competition_naming="full" team_naming="full" player_naming="full" show_live="true" show_logo="true" show_title="true" breakpoints="400, 700" sport="football"></opta-widget>
    </div>

    <div id="live-action">
        <opta-widget widget="live_action" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" template="normal" data_type="optimal" dimension="3D" live="true" show_match_header="true" show_score="true" show_halftime_score="false" show_attendance="true" show_venue="true" show_team_formation="true" show_referee="true" show_date="true" date_format="dddd D MMMM YYYY" show_crests="true" show_competition_name="true" competition_naming="full" team_naming="full" show_direction_of_play="true" goal_replay="false" show_timeline="true" show_event_counters="true" show_weather="true" show_match_countdown="true" show_event_message_logo="true" weather_animation="5" plot_events="2" animation_speed="normal" team_colours="true" branding="stats_perform" flattened_background="true" zoom="true" show_dfp="true" dfp_controls="true" dfp_playstate="Autoplay, mute" dfp_mode="default" show_dfp_in_breaks="true" dfp_initial_delay="0" dfp_ad_spacing="10" external_link_target="_blank" flyaway="false" flyaway_closure="3" flyaway_width="500" flyaway_position="bottom_right" flyaway_return="true" show_live="true" show_logo="true" show_title="true" breakpoints="415, 600" sport="football"></opta-widget>
    </div>

    <div id="action-areas" style="width: 100%;">
        <opta-widget widget="action_areas" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" template="normal" live="true" animation="true" show_match_header="true" show_crests="true" show_pitch_crests="true" show_competition_name="true" competition_naming="full" show_date="true" date_format="dddd D MMMM YYYY" team_naming="full" show_timecontrols="true" show_title="true" show_logo="true" show_live="true" breakpoints="400, 700" sport="football"></opta-widget>
    </div>

    <div id="attacking-thirds" style="width: 50%;">
        <opta-widget widget="attacking_thirds" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" template="normal" live="true" orientation="horizontal" side="both" half_pitch="false" one_direction="false" navigation="tabs_more" animation="true" show_match_header="true" show_halftime_score="true" show_crests="true" show_pitch_crests="true" show_competition_name="true" show_timecontrols="true" proportional_arrows="true" competition_naming="full" team_naming="full" show_date="true" date_format="dddd D MMMM YYYY" show_logo="true" show_title="true" show_live="true" breakpoints="400, 700" sport="football"></opta-widget>
    </div>

    <div id="heatmap" style="width: 100%;">
        <opta-widget widget="heatmap" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" preselected_player="all" template="normal" live="true" show_maps="all" orientation="horizontal" side="both" dimension="3D" one_direction="true" show_match_header="true" show_score="true" show_halftime_score="false" show_crests="true" show_team_formation="true" show_competition_name="true" show_date="true" date_format="dddd D MMMM YYYY" show_team_sheets="true" show_subs="true" show_position="true" show_timecontrols="true" show_timecontrols_buttons="true" show_timecontrols_bar="true" show_tooltips="true" competition_naming="full" team_naming="full" player_naming="full" show_logo="true" show_title="true" breakpoints="400, 700" sport="football"></opta-widget>
    </div>

    <div id="match-status-lineup">
        <opta-widget widget="matchstats" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" template="lineups" live="true" side="both" column_count="2" side_by_side="true" show_match_header="true" show_score="true" show_halftime_score="false" show_crests="true" show_team_formation="true" show_competition_name="true" show_date="true" date_format="dddd D MMMM YYYY" order_by="jersey" group_by_position="true" show_position="true" show_images="true" show_key="true" show_starters="true" show_goalkeepers="true" show_defenders="true" show_midfielders="true" show_forwards="true" show_subs="true" show_unused_subs="true" show_managers="true" show_captain="true" show_match_events="true" competition_naming="full" team_naming="full" player_naming="full" show_live="true" show_logo="true" show_title="true" breakpoints="400, 700" sport="football"></opta-widget>
    </div>

    <div id="match-status-team">
        <opta-widget widget="matchstats" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" template="team_graphs" live="true" navigation="tabs_more" default_nav="1" show_match_header="true" show_score="true" show_halftime_score="false" show_crests="true" show_team_formation="true" show_competition_name="true" graph_style="full" show_date="true" date_format="dddd D MMMM YYYY" show_social="true" show_var="true" rounding="1" competition_naming="full" team_naming="full" show_live="true" show_logo="true" show_title="true" breakpoints="400, 700" sport="football"></opta-widget>
    </div>

    <div id="chalkboard" style="width: 100%;">
        <opta-widget widget="chalkboard" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" preselected_player="all" template="normal" live="true" orientation="horizontal" side="both" one_direction="true" show_match_header="true" show_halftime_score="false" show_crests="true" show_team_formation="true" show_competition_name="true" competition_naming="full" show_date="true" date_format="dddd D MMMM YYYY" show_team_sheets="true" show_subs="true" show_position="true" show_events="true" show_tooltips="true" show_images="false" show_team_names="true" show_area_selector="true" show_timecontrols="true" show_timecontrols_buttons="true" show_timecontrols_bar="true" show_timecontrols_events="true" team_naming="full" player_naming="last_name" show_logo="true" show_title="true" breakpoints="400, 700" sport="football"></opta-widget>
    </div>

    <div id="starting-formations" style="width: 100%;">
        <opta-widget widget="matchday_live" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" template="normal" live="true" orientation="horizontal" side="both" show_match_header="true" show_crests="true" show_pitch_crests="true" show_team_formation="true" show_score="true" show_halftime_score="false" show_competition_name="true" show_date="true" date_format="dddd D MMMM YYYY" show_referee="true" show_venue="true" show_attendance="true" show_images="true" show_pitch_images="true" show_team_sheets="true" show_event_icons="true" show_player_names="true" show_player_stats="true" show_subs="all" competition_naming="full" team_naming="full" player_naming="full" show_live="true" show_logo="true" show_title="true" breakpoints="400, 700" sport="football"></opta-widget>
    </div>

    <div id="standings">
        <opta-widget widget="standings" competition="{{ $competition }}" season="{{ $season }}" match="{{ $match }}" template="normal" live="true" default_nav="1" side="combined" data_detail="default" show_key="true" show_crests="true" points_in_first_column="true" lose_before_draw="true" show_form="6" competition_naming="full" team_naming="full" date_format="dddd D MMMM YYYY" sorting="true" show_live="true" show_relegation_average="true" show_logo="true" show_title="true" breakpoints="400" sport="football"><opta-widget sport="football" widget="fixtures" template="strip" live="false" competition="" season="" match="" team="" fixture_width="0" team_filter="" date_from="" date_to="" days_ahead="" days_before="" venue="" group="" matchday="" round="" match_status="all" grouping="date" show_grouping="false" navigation="" start_on_current="true" sub_grouping="date" show_subgrouping="false" order_by="date_ascending" show_crests="true" show_date="true" date_format="dddd D MMMM" month_date_format="MMMM" competition_naming="brief" team_naming="brief" team_link="" match_link="" pre_match="false" show_logo="true" breakpoints="400"></opta-widget></opta-widget>
    </div>
</div>
@endsection