@extends('admintemplate')

@section('headscripts')

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function setActionDivColor(){
        var actionDiv=document.getElementById('actionDiv');
        if(document.getElementById('actionCreate').checked){
            actionDiv.style.backgroundColor = "#00FF00";
        }
        if(document.getElementById('actionUpdate').checked){
            actionDiv.style.backgroundColor = "#FFFF00";
        }
        if(document.getElementById('actionDelete').checked){
            actionDiv.style.backgroundColor = "#FF0000";
        }
        if(document.getElementById('actionViewRacetrack').checked){
            actionDiv.style.backgroundColor = "#BBBBFF";
        }
    }
    function displayLanguage (wantedLanguage){
        @foreach ($languages as $language)
            document.getElementById("summaryAndDescription{{ $language }}").style.display = "none";
        @endforeach
        document.getElementById("summaryAndDescription"+wantedLanguage).style.display = "block";
    }
    function translate (sourceLanguage, targetLanguage){
        var sourcearticle1 = document.getElementById("article1_"+sourceLanguage).value;
        var sourcearticle2 = document.getElementById("article2_"+sourceLanguage).value;
        var sourcedescription = document.getElementById("description_"+sourceLanguage).value;
        var translateUrl = "https://translation.googleapis.com/language/translate/v2?key=AIzaSyDT3eL-Jpn94bRVvSC3rWCGrxmiXgHVmIw";
        translateUrl += "&source=" + sourceLanguage;
        translateUrl += "&target=" + targetLanguage;
        translateUrl += "&format=text";
        translateUrl += "&q=" + encodeURIComponent(sourcearticle1);
        translateUrl += "&q=" + encodeURIComponent(sourcearticle2);
        translateUrl += "&q=" + encodeURIComponent(sourcedescription);
        $.get(translateUrl, function (data, status) {
            $("#article1_"+targetLanguage).val(decodeURIComponent(data.data.translations[0].translatedText));
            $("#article2_"+targetLanguage).val(decodeURIComponent(data.data.translations[0].translatedText));
            $("#description_"+targetLanguage).text(decodeURIComponent(data.data.translations[2].translatedText));
        });
    }
    function translateall (sourceLanguage){
        translate (sourceLanguage, 'de');
        translate (sourceLanguage, 'en');
        translate (sourceLanguage, 'es');
        translate (sourceLanguage, 'fr');
        translate (sourceLanguage, 'it');
        translate (sourceLanguage, 'nl');
        translate (sourceLanguage, 'pt');
    }

</script>
@endsection

@section('content')

    <h1>{{ __($pagetitle) }}</h1>
    <br>
        <form action="{{ asset('/admin-racetrack/'.$currentRacetrack->id) }}" method="post" enctype="multipart/form-data" >
            {{ csrf_field() }}
            <div style="float: right; width: 300px" >
                <div style="background-color: #00FF00;" id="actionDiv" >
                    <input type="radio" name="action" id="actionCreate" value="create" onchange="setActionDivColor()" {{ $nextAction=='create' ? 'checked':'' }} >
                    <label for="actionCreate">{{ __('Create') }}</label><br />
                    <input type="radio" name="action" id="actionUpdate" value="update" onchange="setActionDivColor()" {{ $nextAction=='update' ? 'checked':'' }} >
                    <label for="actionUpdate">{{ __('Update') }}</label><br />
                    <input type="radio" name="action" id="actionDelete" value="delete" onchange="setActionDivColor()" {{ $nextAction=='delete' ? 'checked':'' }} >
                    <label for="actionDelete">{{ __('Delete') }}</label><br />
                    <input type="radio" name="action" id="actionViewRacetrack" value="viewRacetrack" onchange="setActionDivColor()" {{ $nextAction=='viewRacetrack' ? 'checked':'' }} >
                    <label for="actionViewRacetrack">{{ __('View Racetrack') }}</label>
                </div>
                <button type="submit" id="submitbutton" >Ok</button>
                <br /><br />
            </div>
            <input type="text" name="racetrackid" id="racetrackid" value="{{ $currentRacetrack->id }}" style="width: 50px"><br />
            <input type="text" name="nom" id="nom" value="{{ $currentRacetrack->nom }}" style="width: 500px" >
            <label for="nom">{{ __('Name') }}</label><br />
            <input type="text" name="nomlong" id="nomlong" value="{{ $currentRacetrack->nomlong }}" style="width: 500px" >
            <label for="nomlong">{{ __('Long name') }}</label><br />
            <input type="url" name="url" id="url" value="{{ $currentRacetrack->url }}" style="width: 500px" >
            <label for="url">{{ __('Url') }}</label><br />
            <input type="text" name="email" id="email" value="{{ $currentRacetrack->email }}" style="width: 300px" >
            <label for="email">{{ __('Email') }}</label><br />
            <input type="text" name="facebook" id="facebook" value="{{ $currentRacetrack->facebook }}" style="width: 300px" >
            <label for="facebook">{{ __('Facebook') }}</label><br />
            <input type="tel" name="tel" id="tel" value="{{ $currentRacetrack->tel }}" style="width: 150px" >
            <label for="tel">{{ __('Phone') }}</label>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="tel" name="fax" id="fax" value="{{ $currentRacetrack->fax }}" style="width: 150px" >
            <label for="fax">{{ __('Fax') }}</label><br />
            <textarea name="adresse" id="adresse" style="width: 400px; height: 90px;">{{ $currentRacetrack->adresse }}</textarea>
            <select name="codepays" id="codepays">
                @foreach ($countries as $country)
                    <option value="{{ $country->code }}" {{ $country->code == old('codepays') ? "selected":"" }}>{{ $country->nom }}</option>
                @endforeach
            </select>
            <script>document.getElementById("codepays").value = "{{ $currentRacetrack->codepays }}";</script>
            <br />
            <input type="text" name="paysproches" id="paysproches" value="{{ $currentRacetrack->paysproches }}" style="width: 300px" >
            <label for="paysproches">{{ __('Near countries') }}</label><br />
            <br />
            <br />
            @foreach ($languages as $language)
                <a href="javascript:displayLanguage('{{ $language }}');" >{{ $language }}</a>&nbsp;&nbsp;&nbsp;
            @endforeach
            @foreach ($languages as $language)
                <div id="summaryAndDescription{{$language}}" style="display: {{ $language == session ('locale') ? "block" : "none" }};">
                    {{ $language }}
                    <input type="text" name="article1_{{ $language }}" id="article1_{{ $language }}" value="{{ $currentRacetrack->{'article1_'.$language} }}" style="width: 50px">
                    <input type="text" name="article2_{{ $language }}" id="article2_{{ $language }}" value="{{ $currentRacetrack->{'article2_'.$language} }}" style="width: 50px">
                    <a href="javascript:translate('fr', '{{ $language }}')" class="lien">{{ __('Translate from French') }}</a>
                    &nbsp;&nbsp;-&nbsp;&nbsp;
                    <a href="javascript:translateall('{{ $language }}')" class="lien">{{ __('All') }}</a>&nbsp;&nbsp;&nbsp;
                    <br />
                    <br />
                    <textarea name="description_{{ $language }}" id="description_{{ $language }}" style="width: 640px; height: 180px;">{{ $currentRacetrack->{'description_'.$language} }}</textarea>
                </div>
            @endforeach
            <select name="type" id="type" style="width: 150px" >
                <option value="asphalte" {{ $currentRacetrack->type == '-' ? "selected":"" }}>asphalte</option>
                <option value="glace" {{ $currentRacetrack->type == 'professionnel' ? "selected":"" }}>glace</option>
                <option value="terre" {{ $currentRacetrack->type == 'association' ? "selected":"" }}>terre</option>
            </select>
            <label for="type">{{ __('Type')}}</label><br />
            <textarea name="homologation" id="homologation" style="width: 400px; height: 40px;">{{ $currentRacetrack->homologation }}</textarea>
            <label for="homologation">{{ __('Homologation') }}</label><br />
            <input type="text" name="longueur" id="longueur" value="{{ $currentRacetrack->longueur }}" style="width: 300px" >
            <label for="longueur">{{ __('Length') }}</label><br />
            <input type="text" name="largeur" id="largeur" value="{{ $currentRacetrack->largeur }}" style="width: 300px" >
            <label for="largeur">{{ __('Width') }}</label><br />
            <input type="text" name="lignedroite" id="lignedroite" value="{{ $currentRacetrack->lignedroite }}" style="width: 300px" >
            <label for="lignedroite">{{ __('Straight line') }}</label><br />
            <textarea name="bruit" id="bruit" style="width: 400px; height: 40px;">{{ $currentRacetrack->bruit }}</textarea>
            <label for="bruit">{{ __('Noise') }}</label><br />
            <input type="text" name="meteocode" id="meteocode" value="{{ $currentRacetrack->meteocode }}" style="width: 300px" >
            <label for="meteocode">{{ __('Weather code') }}</label><br />
            <input type="text" name="gpslatlng" id="gpslatlng" value="{{ $currentRacetrack->gpslatlng }}" style="width: 300px" >
            <label for="gpslatlng">{{ __('Latitude and longitude') }}</label><br />
            <input type="text" name="gpslatlngentree" id="gpslatlngentree" value="{{ $currentRacetrack->gpslatlngentree }}" style="width: 300px" >
            <label for="gpslatlngentree">{{ __('Entry latitude and longitude') }}</label><br />
            <input type="text" name="zoom" id="zoom" value="{{ $currentRacetrack->zoom }}" style="width: 300px" >
            <label for="zoom">{{ __('Map zoom') }}</label><br />
        </form>
    <br /><br />

@endsection

@section('footerscripts')
    <script>
        setActionDivColor();
    </script>
@endsection