@extends('layouts.accountMaster')

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

@section('pageContent')

    
    {{ Form::open(array('url' => Request::url())) }}

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

    <h1 style="display:inline-block;font-size:32px;">{{$name}}</h1>

    @if($img)

        <div class="row">
            <div class="col-md-9">
                <div class="form-group form-group-icon-left"><i class="fa fa-link input-icon input-icon-highlight"></i>
                    <label>{{Lang::get('account.addImg')}}</label>
                    <input class="form-control" placeholder="{{Lang::get('account.imgPath')}}" name="code" id="code" type="text" />
                </div>
            </div>
            <div class="col-md-3">
               <input type="submit" name='ajouter' id='ajouter' class="btn btn-primary mb20" style="margin-top:27px;" value="{{Lang::get('account.add')}}" />
            </div>
        </div>
        {{ Form::close() }}

        @foreach($images as $image)
            {{ Form::open(array('url' => Request::url())) }}
            <div>
                <img src="{{$image}}" style="width:468px;display:inline-block;"/>
                <input type="submit" name='dlt' id='dlt' class="btn btn-primary mb20" style="margin-top:27px;" value="<- {{Lang::get('account.dltImg')}}" />
                <input type='hidden' name="img_to_dlt" value="{{$image}}" />
            </div>
            {{ Form::close() }}
        @endforeach
    @else

        <div style="position:relative;min-height:400px;">
            <div id="editor">
            </div>
        </div>

        <div id="raw_code" style="display:none;">{{htmlentities($code)}}</div>

        <input type="hidden" name="code" id="code" value="" />
        <input type="submit" name='submit_prod' id='submit_prod' class="btn btn-primary mb20" style="margin-top:10px;" onclick="updateCode();" value="{{Lang::get('account.submitInfo')}}" />
        <input type="submit" name='submit_dev' id='submit_dev' class="btn btn-primary mb20" style="margin-top:10px;" onclick="updateCode();" value="{{Lang::get('account.submitInfo')}} - Demo" />
        @if($code == $prod)
            <input type="submit" disabled name='reset' id='reset' class="btn btn-primary mb20" style="margin-top:10px;" onclick="updateCode();" value="{{Lang::get('account.resetDev')}}" />
        @else
            <input type="submit" name='reset' id='reset' class="btn btn-primary mb20" style="margin-top:10px;" onclick="updateCode();" value="{{Lang::get('account.resetDev')}}" />
        @endif
        <a class="btn btn-primary mb20" style="margin-top:10px;" target="_blank" href="{{$agentToEdit->account->B2C_front_url}}?demo">Demo</a>

        {{ Form::close() }}

        {{ HTML::script('js/ace-builds/src-noconflict/ace.js') }}
        <script>
            var editor = ace.edit("editor");
            editor.setTheme("ace/theme/monokai");
            editor.getSession().setMode("ace/mode/{{$codeType}}");
            document.getElementById('editor').style.fontSize='14px';
            editor.setValue($("#raw_code").text());

            function updateCode()
            {
                $("#code").val(editor.getValue() , -1);
            }

        </script>
    @endif

@stop