@extends('layouts.accountMaster')

@section('pageStyle')
    #editor-fr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height:400px;
    }

    #editor-en {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height:400px;
    }
@endsection

@section('pageContent')
    <a href=" {{ URL::to('settings/account/'.$agent->account_id.'/agent/'.$agent->id) }} " class="btn btn-primary mb20">
        <i class="fa fa-chevron-left"></i>{{ Lang::get('account.backToAccount') }}
    </a><br/>

    <h1 style="font-size:32px;display:inline-block;">{{Lang::get('account.lstAccompagnateur')}}</h1>
    <div id="lstAccompagnateur"></div>
    <button type="button" class="btn btn-primary mb20" style="margin-top:10px;display:inline-block;" onclick="addAcc();">{{Lang::Get('account.addAccompagnateur')}}</button>

    <br /><br />
    <h1 style="display:inline-block;font-size:32px;">{{Lang::get('account.lstEmbarquement')}}</h1>
    <div id="lstEmbarquement"></div>
    <button type="button" class="btn btn-primary mb20" style="margin-top:10px;display:inline-block;" onclick="addEmb();">{{Lang::Get('account.addBoarding')}}</button>

    <div id="editBox-overlay" class="bookinglist_edit_overlay">
        <div id="editBox" class="lyx_canevas_editor">
        </div>
    </div>

    <script>
        var listAccompagnateur = [];
        var listEmbarquement = [];
        pullAccompagnateurs();
        pullEmbarquements();

        function addAcc(){
            var html = "";
            html += '<div class="form-group form-group-icon-left">';
            html += '<label>'+LangGet.newAccompanist+' :&nbsp;</label><input class="form-control" name="newAcc" id="newAcc" type="text" style="width: 250px;"/>';
            html += '</div>';
            html += '</div></td><td style="width: 50%;"><input class="btn btn-primary" value="'+LangGet.addAccompanist+'" onclick="pushNewAccompagnateur(0);"/></td><td style="width: 50%;"><input style="margin-left: 10px;" class="btn btn-primary" value="'+LangGet.cancel+'" onclick="cancelOperation();"/></td></tr>';

            $('#editBox').html(html);
            $('#editBox').show();
            $('#editBox-overlay').show();
        }

        function addEmb(){
            var html = "";
            html += '<div class="form-group form-group-icon-left">';
            html += '<label>'+LangGet.newEmbarquement+' :&nbsp;</label><input class="form-control" name="newEmb" id="newEmb" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.address+' :&nbsp;</label><input class="form-control" name="address" id="address" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.time+' :&nbsp;</label><input class="form-control" placeholder="HH:MM:SS" name="heure" id="heure" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.latitude+' :&nbsp;</label><input class="form-control" name="latitude" id="latitude" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.longitude+' :&nbsp;</label><input class="form-control" name="longitude" id="longitude" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.codeIATA+' :&nbsp;</label><input class="form-control" name="iata" id="iata" type="text" style="width: 100px;"/>';
            html += '</div>';
            html += '</div></td><td style="width: 50%;"><input class="btn btn-primary" value="'+LangGet.addEmbarquement+'" onclick="pushNewEmbarquement(0);"/></td><td style="width: 50%;"><input style="margin-left: 10px;" class="btn btn-primary" value="'+LangGet.cancel+'" onclick="cancelOperation();"/></td></tr>';

            $('#editBox').html(html);
            $('#editBox').show();
            $('#editBox-overlay').show();
        }

        function editAcc(aID){
            var leNom;
            for(var i = 0; i<listAccompagnateur.length; i++){
                if (listAccompagnateur[i].id == aID) {
                    leNom = listAccompagnateur[i].nom;
                    break;
                }
            }
            var html = "";
            html += '<div class="form-group form-group-icon-left">';
            html += '<label>'+LangGet.accompanist+' :&nbsp;</label><input class="form-control" name="newAcc" id="newAcc" type="text" value="'+leNom+'" style="width: 250px;"/>';
            html += '</div>';
            html += '</div></td><td style="width: 50%;"><input class="btn btn-primary" value="'+LangGet.updAccompanist+'" onclick="pushNewAccompagnateur('+aID+');"/></td><td style="width: 50%;"><input style="margin-left: 10px;" class="btn btn-primary" value="'+LangGet.cancel+'" onclick="cancelOperation();"/></td></tr>';

            $('#editBox').html(html);
            $('#editBox').show();
            $('#editBox-overlay').show();
        }

        function editEmb(aID){
            var pos;
            for(var i = 0; i<listEmbarquement.length; i++){
                if (listEmbarquement[i].id == aID) {
                    pos = i;
                    break;
                }
            }
            var html = "";
            html += '<div class="form-group form-group-icon-left">';
            html += '<label>'+LangGet.embarquement+' :&nbsp;</label><input value="'+listEmbarquement[i].nom+'" class="form-control" name="newEmb" id="newEmb" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.address+' :&nbsp;</label><input value="'+listEmbarquement[i].address+'" class="form-control" name="address" id="address" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.time+' :&nbsp;</label><input value="'+listEmbarquement[i].heure+'" class="form-control" placeholder="HH:MM:SS" name="heure" id="heure" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.latitude+' :&nbsp;</label><input value="'+listEmbarquement[i].latitude+'" class="form-control" name="latitude" id="latitude" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.longitude+' :&nbsp;</label><input value="'+listEmbarquement[i].longitude+'" class="form-control" name="longitude" id="longitude" type="text" style="width: 250px;"/>';
            html += '<label>'+LangGet.codeIATA+' :&nbsp;</label><input value="'+listEmbarquement[i].iata+'" class="form-control" name="iata" id="iata" type="text" style="width: 100px;"/>';
            html += '</div>';
            html += '</div></td><td style="width: 50%;"><input class="btn btn-primary" value="'+LangGet.updEmbarquement+'" onclick="pushNewEmbarquement('+aID+');"/></td><td style="width: 50%;"><input style="margin-left: 10px;" class="btn btn-primary" value="'+LangGet.cancel+'" onclick="cancelOperation();"/></td></tr>';

            $('#editBox').html(html);
            $('#editBox').show();
            $('#editBox-overlay').show();
        }

        function cancelOperation(){
            $('#editBox').hide();
            $('#editBox-overlay').hide();
        }

        function pushNewAccompagnateur(aID){
            var accompagnateur = $('#newAcc').val();
            if(accompagnateur != '') {
                var postdata = {
                        nom: accompagnateur,
                    }
                ;

                $.ajax({
                    dataType: "json",
                    url: "{{ URL::to('/tours/pushaccompagnateur')}}" + "/" + aID,
                    type: "POST",
                    data: postdata,
                    success: function (result) {
                        //console.log(result);
                        if (result.succes === 'false') {
                            // TODO error could not save blah bla bhal blah
                            failedToPerformOperation();
                        }
                        else {
                            generateListeAccompagnateurs(result.accompagnateurs);
                            $('#editBox').hide();
                            $('#editBox-overlay').hide();
                            $("#topContent").css('display', 'inline-block');
                        }
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        console.log('jqXHR:');
                        console.log(jqXHR);
                        console.log('textStatus:');
                        console.log(textStatus);
                        console.log('errorThrown:');
                        console.log(errorThrown);
                        alert(textStatus + ' : ' + errorThrown + ' : ' + jqXHR.responseText);
                    }
                });

                $('html,body').animate({scrollTop: 0}, 'slow', function () {
                });
            } else {
                alert("You need to enter the accompanist name!");
            }
        }

        function pushNewEmbarquement(aID){
            var embarquement = $('#newEmb').val();
            if(embarquement != '') {
                var postdata = {
                        nom: embarquement,
                        address: $('#address').val(),
                        heure: $('#heure').val(),
                        latitude: $('#latitude').val(),
                        longitude: $('#longitude').val(),
                        iata: $('#iata').val()
                    }
                ;

                $.ajax({
                    dataType: "json",
                    url: "{{ URL::to('/tours/pushembarquement')}}" + "/" + aID,
                    type: "POST",
                    data: postdata,
                    success: function (result) {
                        //console.log(result);
                        if (result.succes === 'false') {
                            // TODO error could not save blah bla bhal blah
                            failedToPerformOperation();
                        }
                        else {
                            generateListeEmbarquement(result.embarquements);
                            $('#editBox').hide();
                            $('#editBox-overlay').hide();
                            $("#topContent").css('display', 'inline-block');
                        }
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        console.log('jqXHR:');
                        console.log(jqXHR);
                        console.log('textStatus:');
                        console.log(textStatus);
                        console.log('errorThrown:');
                        console.log(errorThrown);
                        alert(textStatus + ' : ' + errorThrown + ' : ' + jqXHR.responseText);
                    }
                });

                $('html,body').animate({scrollTop: 0}, 'slow', function () {
                });
            } else {
                alert("You need to enter the accompanist name!");
            }
        }

        function pullAccompagnateurs(){
            $.ajax({
                dataType: "json",
                url: "{{ URL::to('/tours/pullaccompagnateurs/'.$agent->account_id) }}",
                type: "GET",
                success:function(result) {
                    //console.log(result);
                    if(result.succes === 'false')
                    {
                        // TODO error could not save blah bla bhal blah
                        failedToPerformOperation();
                    }
                    else
                    {
                        generateListeAccompagnateurs(result.accompagnateurs);
                        $("#topContent").css('display' , 'inline-block');
                    }
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    console.log('jqXHR:');
                    console.log(jqXHR);
                    console.log('textStatus:');
                    console.log(textStatus);
                    console.log('errorThrown:');
                    console.log(errorThrown);
                    alert(textStatus + ' : ' + errorThrown + ' : ' + jqXHR.responseText);
                }
            });

            $('html,body').animate({ scrollTop: 0 }, 'slow', function () {});
        }

        function pullEmbarquements(){
            $.ajax({
                dataType: "json",
                url: "{{ URL::to('/tours/pullembarquements/'.$agent->account_id) }}",
                type: "GET",
                success:function(result) {
                    //console.log(result);
                    if(result.succes === 'false')
                    {
                        // TODO error could not save blah bla bhal blah
                        failedToPerformOperation();
                    }
                    else
                    {
                        generateListeEmbarquement(result.embarquements);
                        $("#topContent").css('display' , 'inline-block');
                    }
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    console.log('jqXHR:');
                    console.log(jqXHR);
                    console.log('textStatus:');
                    console.log(textStatus);
                    console.log('errorThrown:');
                    console.log(errorThrown);
                    alert(textStatus + ' : ' + errorThrown + ' : ' + jqXHR.responseText);
                }
            });

            $('html,body').animate({ scrollTop: 0 }, 'slow', function () {});
        }

        function generateListeAccompagnateurs(data){
            listAccompagnateur = data;
            var html = "";
            if(data.length > 0){
                html += '<table style="width: 100%">';
                html += "<tr><td><b>{{Lang::Get('account.nameAccompagnateur')}}</b></td><td><b>edit</b></td><td><b>delete</b></td>";
                for(var i=0; i<data.length; i++){
                    html += "<tr><td>" + data[i].nom + "</td><td><a href='javascript:void(0)' onclick='editAcc("+data[i].id+")'>edit</a></td><td><a href='javascript:void(0)' onclick='deleteAcc("+data[i].id+")'>delete</a></td>";
                }
                html += "</table>";
            } else {
                html += "<p>{{Lang::Get('account.noAccompagnateur')}}</p>";
            }
            $('#lstAccompagnateur').html(html);
        }

        function generateListeEmbarquement(data){
            listEmbarquement = data;
            var html="";
            if(data.length > 0){
                html += '<table style="width: 100%">';
                html += "<tr><td><b>{{Lang::Get('account.nameEmbarquement')}}</b></td><td><b>{{Lang::Get('account.addressEmbarquement')}}</b></td><td><b>{{Lang::Get('account.time')}}</b></td><td><b>{{Lang::Get('account.latitude')}}</b></td><td><b>{{Lang::Get('account.longitude')}}</b></td><td><b>{{Lang::Get('account.code')}}</b></td><td><b>edit</b></td><td><b>delete</b></td>";
                for(var i=0; i<data.length; i++){
                    html += "<tr><td>" + data[i].nom + "</td><td>" + data[i].address + "</td><td>" + data[i].heure + "</td><td>" + data[i].latitude + "</td><td>" + data[i].longitude + "</td><td>" + data[i].iata + "</td><td><a href='javascript:void(0)' onclick='editEmb("+data[i].id+")'>edit</a></td><td><a href='javascript:void(0)' onclick='deleteEmb("+data[i].id+")'>delete</a></td>";
                }
                html += "</table>";
            } else {
                html += "{{Lang::Get('account.noEmbarquement')}}";
            }
            $('#lstEmbarquement').html(html);
        }

        function deleteAcc(aID){
            $.ajax({
                dataType: "json",
                url: "{{ URL::to('/tours/getaccompagnateurusage') }}" + "/" + aID,
                type: "GET",
                success:function(result) {
                    //console.log(result);
                    if(result.succes === 'false')
                    {
                        // TODO error could not save blah bla bhal blah
                        failedToPerformOperation();
                    }
                    else
                    {
                        generateListeAccompagnateurs(result.accompagnateurs);
                        $("#topContent").css('display' , 'inline-block');
                    }
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    console.log('jqXHR:');
                    console.log(jqXHR);
                    console.log('textStatus:');
                    console.log(textStatus);
                    console.log('errorThrown:');
                    console.log(errorThrown);
                    alert(textStatus + ' : ' + errorThrown + ' : ' + jqXHR.responseText);
                }
            });

            $('html,body').animate({ scrollTop: 0 }, 'slow', function () {});
        }

        function deleteEmb(){

        }

        function PopupCenter(url, title, w, h , code)
        {
            // Fixes dual-screen position                         Most browsers      Firefox
            var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
            var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;

            var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
            var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

            var left = ((width / 2) - (w / 2)) + dualScreenLeft;
            var top = ((height / 2) - (h / 2)) + dualScreenTop;
            var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
            newWindow.document.body.innerHTML = code;

            // Puts focus on the newWindow
            if (window.focus) {
                newWindow.focus();
            }
        }

    </script>

@stop