@extends('layouts.master')

@section('pagetitle')
    Affichage Dynamique - {{ Auth::user()->etab()->first()->nom }}
@endsection

@section('topband')
    @include('partials.topband_con')
@endsection

@section('sidebar')
    @include('partials.sidebar_con', ['open' => 'affich_dyn'])
@endsection

@section('content')
    <div class="content-wrapper">
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-12">
                
                    <h2 class="page-title text-center">AFFICHAGE DYNAMIQUE</h2>

                    @include('partials.errors')
                    @include('partials.infos')
                    
                    <div class="row">
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading">Flux Rss</div>
                                    <div class="panel-body">
                                        <form method="POST" action="{{ url('/saveaffichdyn') }}" enctype="multipart/form-data" class="form-horizontal">
                                            {{ csrf_field() }}
                                                
                                                
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label"></label>
                                                    <div class="col-sm-9">
                                                        <div class="checkbox">
                                                    <input type="checkbox" id="inlineCheckbox1" name="rssactivation" value="true" onchange="handlechange()" checked>
                                                    <label for="inlineCheckbox1"> Activer le flux RSS </label>
                                                </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">URL</label>
                                                    <div class="col-sm-9">
                                                        @if($fluxrss != null)
                                                            <input type="text" id="url" name="url" autofocus value="{{ $fluxrss->url }}" placeholder="URL de votre flux RSS" class="form-control">
                                                        @else
                                                            <input type="text" id="url" name="url" autofocus placeholder="URL de votre flux RSS" class="form-control">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">Position</label>
                                                    <div class="col-sm-9">
                                                        <select class="form-control" id="position" name="position">
                                                            <option value="Bas" selected>Bas</option>
                                                            <option disabled value="Haut">Haut</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="hr-dashed"></div>
                                                <div class="form-group">
                                                    <label class="col-sm-3 control-label">Couleur de texte</label>
                                                    <div class="col-sm-9">
                                                        <select class="form-control" id="couleur_txt" name="couleur_txt">
                                                            @if($fluxrss != null && $fluxrss->couleur_txt == 'FFFFFF')
                                                                <option value="FFFFFF" selected>Blanche</option>
                                                                <option value="FF0000">Rouge</option>
                                                                <option value="008000">Verte</option>
                                                            @elseif($fluxrss != null && $fluxrss->couleur_txt == 'FF0000')
                                                                <option value="FFFFFF">Blanche</option>
                                                                <option value="FF0000" selected>Rouge</option>
                                                                <option value="008000">Verte</option>
                                                            @elseif($fluxrss != null && $fluxrss->couleur_txt == '008000')
                                                                <option value="FFFFFF">Blanche</option>
                                                                <option value="FF0000">Rouge</option>
                                                                <option value="008000" selected>Verte</option>
                                                            @else
                                                                <option value="FFFFFF">Blanche</option>
                                                                <option value="FF0000">Rouge</option>
                                                                <option value="008000">Verte</option>
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading">Météo</div>
                                    <div class="panel-body">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label"></label>
                                            <div class="col-sm-9">
                                                <div class="checkbox">
                                                <input type="checkbox" id="inlineCheckbox2" name="meteoactivation" value="true" onchange="handlechange3()" checked>
                                                <label for="inlineCheckbox2"> Activer la Météo </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">Ville</label>
                                            <div class="col-sm-9">
                                                @if($meteo != null)
                                                    <input type="text" id="ville" name="ville" autofocus value="{{ $meteo->ville }}" placeholder="Ville météo" class="form-control">
                                                @else
                                                    <input type="text" id="ville" name="ville" autofocus placeholder="Ville météo" class="form-control">
                                                @endif
                                            </div>
                                        </div>
                                        <div class="hr-dashed"></div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">Couleur de fond</label>
                                            <div class="col-sm-9">
                                                <select class="form-control" id="couleur_fond" name="couleur_fond">
                                                    @if($meteo != null && $meteo->couleur_fond == 'GF')
                                                        <option value="GF" selected>Gris foncé</option>
                                                        <option value="GC">Gris Clair</option>
                                                    @elseif($meteo != null && $meteo->couleur_fond == 'GC')
                                                        <option value="GF">Gris foncé</option>
                                                        <option value="GC" selected>Gris Clair</option>
                                                    @else
                                                        <option value="GF">Gris foncé</option>
                                                        <option value="GC">Gris Clair</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading">Logo</div>
                                        <div class="panel-body">
                                        
                                            <div class="form-horizontal">
                                            
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label">Image
                                                    </label>
                                                    <div class="col-sm-10">
                                                        <input type="file" name="logo" id="logo">
                                                        <h5 style="color: orange; font-size: 13px;">JPG, PNG | 700L x 200H | <b>&lt 1Mo</b></h5>
                                                        @if ($logo != null)
                                                            @if (Storage::has($logo->url))
                                                                <img src="{{route('getfile', $logo->url)}}" alt="" width="350" height="110">
                                                            @endif
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="panel panel-default">
                                    <div class="panel-heading">Animation</div>
                                        <div class="panel-body">
                                        
                                            <div class="form-horizontal">
                                            
                                                <div class="form-group">

                                                    <div class="radio col-sm-2 control-label">
                                                        @if ($image != null)
                                                            <input type="radio" name="radioanim" id="radioimage" value="radioimage" onchange="handlechange2()" checked>
                                                            <label for="radioimage">Image
                                                            </label>
                                                        @elseif($image == null && $video == null)
                                                            <input type="radio" name="radioanim" id="radioimage" value="radioimage" onchange="handlechange2()" checked>
                                                            <label for="radioimage">Image
                                                            </label>
                                                        @else
                                                            <input type="radio" name="radioanim" id="radioimage" value="radioimage" onchange="handlechange2()">
                                                            <label for="radioimage">Image
                                                            </label>
                                                        @endif
                                                    </div>
                                                    <div class="col-sm-10">
                                                        <input type="file" name="image" id="anim_image">
                                                        <h5 style="color: orange; font-size: 13px;">JPG, PNG | 768L x 1366H | <b>&lt 1Mo</b></h5>
                                                        @if ($image != null)
                                                            @if (Storage::has($image->url))
                                                                <img src="{{route('getfile', $image->url)}}" alt="" width="150" height="280">
                                                            @endif
                                                        @endif
                                                    </div>

                                                    <div class="radio col-sm-2 control-label">
                                                        @if ($video != null)
                                                            <input type="radio" name="radioanim" id="radiovideo" value="radiovideo" onchange="handlechange2()" checked>
                                                            <label for="radiovideo">Vidéo
                                                            </label>
                                                        @else
                                                            <input type="radio" name="radioanim" id="radiovideo" value="radiovideo" onchange="handlechange2()">
                                                            <label for="radiovideo">Vidéo
                                                            </label>
                                                        @endif
                                                    </div>
                                                    <div class="col-sm-10">
                                                        <input type="file" name="video" disabled id="anim_video">
                                                        <h5 style="color: orange; font-size: 13px;">MP4 | <b>&lt 30Mo</b> (verticale de préférence)</h5>
                                                        @if ($video != null)
                                                            @if (Storage::has($video->url))
                                                                <video width="180" height="180" controls>
                                                                  <source src="{{route('getfile', $video->url)}}" type="video/mp4">
                                                                </video>
                                                            @endif
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyAyymKTjrRe2dYJkSHXOAWS648f1ZX4mSM"></script>

                    <!-- script de l'auto-completion des villes --> 
                    <script type="text/javascript">
                        function init() {
                            var options = {
                              types: ['(cities)'],
                              componentRestrictions: {country: 'fr'}
                            };
                            var input = document.getElementById('ville');
                            var autocomplete = new google.maps.places.Autocomplete(input, options);
                        }
                        google.maps.event.addDomListener(window, 'load', init);
                    </script>

                    <div class="row col-md-8 col-md-push-2">
                        <button style="font-size:15px;" id="hohi" class="btn btn-primary btn-block" type="submit">ENREGISTRER</button>
                    </div>
                </form>
            </div>
        
        @include('partials.footer')
            
        </div>
    </div>
@endsection