@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('actionViewOrganizer').checked){
            actionDiv.style.backgroundColor = "#BBBBFF";
        }
    }
    function changeSelectIcon(categorySelect){
        var category = categorySelect.id;
        var categoryLogo=document.getElementById(category + 'logo');
        categoryLogo.setAttribute('src', '{{ asset('img/siteicons') }}' + '/' + category + categorySelect.value + '.png');
    }
    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 sourcetrackdayresume = document.getElementById("resume_"+sourceLanguage).value;
        var sourcetrackdaydescription = 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(sourcetrackdayresume);
        translateUrl += "&q=" + encodeURIComponent(sourcetrackdaydescription);
        $.get(translateUrl, function (data, status) {
            $("#resume_"+targetLanguage).val(decodeURIComponent(data.data.translations[0].translatedText));
            $("#description_"+targetLanguage).text(decodeURIComponent(data.data.translations[1].translatedText));
        });
    }

    function autoTranslate(){
        if (document.getElementById('autoTranslateCheck').checked) {
            @foreach ($languages as $language)
                @if ($language == session('locale'))
                    document.getElementById("resume_{{ $language }}").readOnly = false ;
                    document.getElementById("description_{{ $language }}").readOnly = false ;
                @else
                    translate('{{ session('locale') }}', '{{ $language }}');
                    document.getElementById("resume_{{ $language }}").readOnly = true ;
                    document.getElementById("description_{{ $language }}").readOnly = true ;
                @endif
            @endforeach
        }else{
            @foreach ($languages as $language)
                document.getElementById("resume_{{ $language }}").readOnly = false ;
                document.getElementById("description_{{ $language }}").readOnly = false ;
            @endforeach
        }
    }

    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>
    <div class="divTexte">
        <form action="{{ asset('/admin-trackday/'.$currentTrackday->id) }}" method="post">
            {{ csrf_field() }}
            <input type="text" name="trackdayid" id="trackdayid" value="{{ $currentTrackday->id }}" style="width: 45px">
            <input type="text" name="date" id="date" value="{{ $currentTrackday->date }}" style="width: 80px" autofocus >
            <script>
                var champDate = document.getElementById(date");
                champDate.selectionStart = champDate.value.length;
                champDate.selectionEnd = champDate.value.length;
            </script>
            <select name="idorganisateur" id="idorganisateur">
                @foreach ($organizers as $organizer)
                    <option value="{{ $organizer->id }}" {{ $organizer->id == old('organizerid') ? "selected":"" }}>{{ $organizer->nom }} ({{ $organizer->id }})</option>
                @endforeach
            </select>
            <script>document.getElementById("idorganisateur").value = "{{ $currentTrackday->idorganisateur }}";</script>
            <select name="idcircuit" id="idcircuit">
                @foreach ($racetracks as $racetrack)
                    <option value="{{ $racetrack->id }}" {{ $racetrack->id == old('racetrackid') ? "selected":"" }}>{{ $racetrack->nom }} ({{ $racetrack->id }})</option>
                @endforeach
            </select>
            <script>document.getElementById("idcircuit").value = "{{ $currentTrackday->idcircuit }}";</script>
            <br />
            <label for="matin"><img class="smallicon" src="{{ asset('img/siteicons/morning'.$currentTrackday->matin.'.png') }}" id="morninglogo" >{{ __('Morning') }}</label>
            <select name="matin" id="morning" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->matin ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->matin ? "selected":"" }}>Y</option>
            </select>&nbsp;&nbsp;&nbsp;&nbsp;
            <label for="apresmidi"><img class="smallicon" src="{{ asset('img/siteicons/afternoon'.$currentTrackday->apresmidi.'.png') }}" id="afternoonlogo" >{{ __('Afternoon') }}</label>
            <select name="apresmidi" id="afternoon" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->apresmidi ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->apresmidi ? "selected":"" }}>Y</option>
            </select>&nbsp;&nbsp;&nbsp;&nbsp;
            <label for="soir"><img class="smallicon" src="{{ asset('img/siteicons/evening'.$currentTrackday->soir.'.png') }}" id="eveninglogo" >{{ __('Evening') }}</label>
            <select name="soir" id="evening" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->soir ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->soir ? "selected":"" }}>Y</option>
            </select>
            <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="actionViewOrganizer" value="viewOrganizer" onchange="setActionDivColor()" {{ $nextAction=='viewOrganizer' ? 'checked':'' }} >
                    <label for="actionViewOrganizer">{{ __('View Organizer') }}</label>
                </div>
                <button type="submit" id="submitbutton" >Ok</button>
                <br /><br />
                <div class="texte7">
                    <a href="{{ asset('/admin-organizer/'.$currentTrackday->idorganisateur) }}">
                        {{ empty($currentTrackday->nomorganisateur) ? '': "$currentTrackday->nomorganisateur" }}
                    </a><br />
                    {{ empty($currentTrackday->telorganisateur) ? '': $currentTrackday->telorganisateur }}<br />
                    {{ empty($currentTrackday->emailorganisateur) ? '': $currentTrackday->emailorganisateur }}<br />
                    {{ empty($currentTrackday->urlorganisateur) ? '': $currentTrackday->urlorganisateur }}<br />
                </div>
                <textarea name="proposition" id="proposition" style="width: 300px; height: 160px;">{{ $currentTrackday->proposition }}</textarea>
                <br />
                <label for="dateannulation">Date annulation</label>
                <input type="text" name="dateannulation" id="dateannulation" value="{{ $currentTrackday->dateannulation }}" style="width: 80px;" >
            </div>
            <br /><br />
            <input type="checkbox" name="autoTranslateCheck" id="autoTranslateCheck" onchange="autoTranslate();" checked>
            <label for="autoTranslateCheck">{{ __('Automatic translation from English') }}</label>
            <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="resume_{{ $language }}" id="resume_{{ $language }}"
                           value="{{ $currentTrackday->{'resume_'.$language} }}"
                           {!! $language == session ('locale') ? 'onfocusout="autoTranslate();"' : '' !!}
                           style="width: 400px">
                    <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 }}"
                              {!! $language == session ('locale') ? 'onfocusout="autoTranslate();"' : '' !!}
                              style="width: 640px; height: 260px;">{{ $currentTrackday->{'description_'.$language} }}</textarea>
                </div>
            @endforeach
            <label for="url">URL</label>
            <input type="text" name="url" id="url" value="{{ $currentTrackday->url }}" size="62">
            &nbsp;&nbsp;&nbsp;
            <label for="urlinscription">URL inscription</label>
            <input type="text" name="urlinscription" id="urlinscription" value="{{ $currentTrackday->urlinscription }}" size="62">
            <br />
            <label for="membresonly"><img src="{{ asset('img/siteicons/membresonly'.$currentTrackday->membresonly.'.png') }}" id="membresonlylogo" ></label>
            <select name="membresonly" id="membresonly" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->membresonly ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->membresonly ? "selected":"" }}>Y</option>
            </select>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <label for="moniteurs"><img src="{{ asset('img/siteicons/moniteurs'.$currentTrackday->moniteurs.'.png') }}" id="moniteurslogo" ></label>
            <select name="moniteurs" id="moniteurs" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->moniteurs ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->moniteurs ? "selected":"" }}>Y</option>
            </select>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <label for="assistancetechnique"><img src="{{ asset('img/siteicons/assistancetechnique'.$currentTrackday->assistancetechnique.'.png') }}" id="assistancetechniquelogo" ></label>
            <select name="assistancetechnique" id="assistancetechnique" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->assistancetechnique ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->assistancetechnique ? "selected":"" }}>Y</option>
            </select>
            <br />
            <label for="drift"><img src="{{ asset('img/siteicons/drift'.$currentTrackday->drift.'.png') }}" id="driftlogo" ></label>
            <select name="drift" id="drift" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->drift ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->drift ? "selected":"" }}>Y</option>
            </select>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <label for="roadcar"><img src="{{ asset('img/siteicons/roadcar'.$currentTrackday->roadcar.'.png') }}" id="roadcarlogo" ></label>
            <select name="roadcar" id="roadcar" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->roadcar ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->roadcar ? "selected":"" }}>Y</option>
            </select>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <label for="racecar"><img src="{{ asset('img/siteicons/racecar'.$currentTrackday->racecar.'.png') }}" id="racecarlogo" ></label>
            <select name="racecar" id="racecar" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->racecar ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->racecar ? "selected":"" }}>Y</option>
            </select>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <label for="singleseater"><img src="{{ asset('img/siteicons/singleseater'.$currentTrackday->singleseater.'.png') }}" id="singleseaterlogo" ></label>
            <select name="singleseater" id="singleseater" onchange="changeSelectIcon(this)" >
                <option value="0" {{ $currentTrackday->singleseater ? "":"selected" }}>N</option>
                <option value="1" {{ $currentTrackday->singleseater ? "selected":"" }}>Y</option>
            </select>
            &nbsp;&nbsp;&nbsp;&nbsp;
            {{ __('Only for') }}
            <input type="text" name="onlyfor" id="onlyfor" value="{{ $currentTrackday->onlyfor }}" style="width: 302px">
            <br />
            {{ __('Power') }}
            <img src="{{ asset('img/siteicons/powerrestriction'.((empty($currentTrackday->minpower) && empty($currentTrackday->maxpower)) ? 0 : 1).'.png') }}" id="powerlogo" >
            <input type="text" name="minpower" id="minpower" value="{{ $currentTrackday->minpower }}" style="width: 30px">
            <input type="text" name="maxpower" id="maxpower" value="{{ $currentTrackday->maxpower }}" style="width: 30px">
            &nbsp;&nbsp;&nbsp;&nbsp;
            {{ __('Weight') }}
            <img src="{{ asset('img/siteicons/weightrestriction'.((empty($currentTrackday->minweight) && empty($currentTrackday->maxweight)) ? 0 : 1).'.png') }}" id="weightlogo" >
            <input type="text" name="minweight" id="minweight" value="{{ $currentTrackday->minweight }}" style="width: 30px">
            <input type="text" name="maxweight" id="maxweight" value="{{ $currentTrackday->maxweight }}" style="width: 30px">
            &nbsp;&nbsp;&nbsp;&nbsp;
            {{ __('Year') }}
            <img src="{{ asset('img/siteicons/yearrestriction'.((empty($currentTrackday->minyear) && empty($currentTrackday->maxyear)) ? 0 : 1).'.png') }}" id="yearlogo" >
            <input type="text" name="minyear" id="minyear" value="{{ $currentTrackday->minyear }}" style="width: 30px">
            <input type="text" name="maxyear" id="maxyear" value="{{ $currentTrackday->maxyear }}" style="width: 30px">
        </form>
    </div>
    <br /><br />
    <hr class="separateurRubriques"/>
    <br /><br />

    @foreach ($trackdays as $trackday)
        <div style="vertical-align: top;">
            <div style="display: inline-block; width: 520px; vertical-align: top;">
                <a href="{{ asset('/admin-trackday/'.$trackday->id) }}">
                    <font style="color: {{ empty($trackday->dateannulation) ? "#0000FF" : "#FF0000" }}; font-weight: bold;">
                        {{ $trackday->dateformatee }} {{ empty($trackday->dateannulation) ? "" : "[".$trackday->dateannulation."]" }}
                    </font>
                </a>
                {{ $trackday->id }}
                <br />
                <img class="agendaLogoOrganisateur" src="{{ asset('/img/organisateurslogos/organisateur'.$trackday->idLogoOrganisateur.'m.png') }}" />
                {{ $trackday->nomorganisateur }}
                <img src="{{ asset('/img/siteicons/countryflag-'.$trackday->codepayscircuit.'.png') }}" />
                {{ $trackday->nomlongcircuit }}
                <br />
                <b>{{ $trackday->resume }}</b>
                <br />
                <a href="{{ $trackday->url }}" class="texte7">{{ $trackday->url }}</a><br />
                <a href="{{ $trackday->urlinscription }}" class="texte7">{{ $trackday->urlinscription }}</a><br />
                <div style="display: inline-block;">
                    <img src="{{ asset('img/siteicons/membresonly'.$trackday->membresonly.'.png') }}" >
                    <img src="{{ asset('img/siteicons/moniteurs'.$trackday->moniteurs.'.png') }}" >
                    <img src="{{ asset('img/siteicons/assistancetechnique'.$trackday->assistancetechnique.'.png') }}" >
                </div>
            </div>
            <div style="display: inline-block; width: 425px;">
                <br />
                <textarea name="trackdayDescription" style="width: 425px; height: 100px;">{{ $trackday->description }}</textarea>
            </div>
         </div>
        <div class="divTexte">
            <img src="{{ asset('img/siteicons/drift'.$trackday->drift.'.png') }}" >
            <img src="{{ asset('img/siteicons/roadcar'.$trackday->roadcar.'.png') }}" >
            <img src="{{ asset('img/siteicons/racecar'.$trackday->racecar.'.png') }}" >
            <img src="{{ asset('img/siteicons/singleseater'.$trackday->singleseater.'.png') }}" >
            <img src="{{ asset('img/siteicons/powerrestriction'.((empty($trackday->minpower)&&empty($trackday->maxpower))?0:1).'.png') }}" >
            <img src="{{ asset('img/siteicons/weightrestriction'.((empty($trackday->minweight)&&empty($trackday->maxweight))?0:1).'.png') }}" >
            <img src="{{ asset('img/siteicons/yearrestriction'.((empty($trackday->minyear)&&empty($trackday->maxyear))?0:1).'.png') }}" >
            {{ empty($trackday->onlyfor) ? '' : __('Only for ').$trackday->onlyfor }}
        </div>
        <br /><hr /><br />
    @endforeach

@endsection

@section('footerscripts')
    <script>
        setActionDivColor();
        document.getElementById('date').selectionStart = document.getElementById('date').value.length;
    </script>
@endsection