@include('admin.header', [
   'elementActive' => 'stream'
])

<div class="content-wrapper">

    <section class="content-header">
        <h1>
            Web Rádio					<small></small>
        </h1> 
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">        	
            <div class="col-xs-12">

                <div class="nav-tabs-custom">

                    <ul class="nav nav-tabs">

                        <li {!! $active == 'players' || $active == false ? 'class="active"' : '' !!}  >
                            <a href="#players" data-toggle="tab">Player Barra ssl</a>
                         </li>
                         <li {!! $active == 'texts' ? 'class="active"' : '' !!}>
                            <a href="#texts" data-toggle="tab">Textos</a>
                         </li>
                         <li {!! $active == 'colors' ? 'class="active"' : '' !!}>
                            <a href="#colors" data-toggle="tab" aria-expanded="false">Cores</a>
                         </li>
                         
                    </ul>

                    <div class="tab-content">

                        <div id="players" class="tab-pane {!! $active == 'players' || $active == false ? 'active' : '' !!}">
                            <form action="{{ route('admin.stream.update', $stream->id) }}" class="form-horizontal" method="post">
                                @method('PUT')
                                @csrf
                                <fieldset>

                                    <div class="form-group">
                                        <label class="col-md-12">Endereço do Player Pop-up</label>
                                        <div class="col-md-12">
                                            <input name="player_popup" type="text" class="form-control" value="{{ $stream->player_popup }}">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" name="enable_player_popup" id="enable_player_popup" {{ $stream->enable_player_popup ? 'checked' : '' }} id="flexCheckDefault">
                                                <label class="form-check-label" for="flexCheckDefault">
                                                  Habilitar Player Pop-up
                                                </label>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-12">Link da música atual</label>
                                        <div class="col-md-12">
                                            <input name="current_song" type="text" class="form-control" value="{{ $stream->current_song }}">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" name="enable_current_song" id="enable_current_song" {{ $stream->enable_current_song ? 'checked' : '' }} id="flexCheckDefault">
                                                <label class="form-check-label" for="flexCheckDefault">
                                                  Habilitar exibição da música atual
                                                </label>
                                            </div>
                                        </div>
                                        
                                    </div>

                                    <div class="form-group">
                                        <label class="col-md-12">Widget do Player inferior</label>
                                        <div class="col-md-12">
                                            <textarea class="form-control" name="player" >{{ $stream->player }}</textarea>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" name="enable_player" id="enable_player" {{ $stream->enable_player ? 'checked' : '' }} id="flexCheckDefault">
                                                <label class="form-check-label" for="flexCheckDefault">
                                                  Habilitar Player inferior
                                                </label>
                                            </div>
                                        </div>
                                        
                                    </div>                                    

                                    <div class="form-group">
                                        <label class="col-md-12">Widget da WebTV</label>
                                        <div class="col-md-12">
                                            <textarea class="form-control" name="web_tv" >{{ $stream->web_tv }}</textarea>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" name="enable_webtv" id="enable_webtv" {{ $stream->enable_webtv ? 'checked' : '' }} id="flexCheckDefault">
                                                <label class="form-check-label" for="flexCheckDefault">
                                                  Habilitar WebTV
                                                </label>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-12">Widget do Chat</label>
                                        <div class="col-md-12">
                                            <textarea class="form-control" name="chat" >{{ $stream->chat }}</textarea>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" name="enable_chat" id="enable_chat" {{ $stream->enable_chat ? 'checked' : '' }} id="flexCheckDefault">
                                                <label class="form-check-label" for="flexCheckDefault">
                                                  Habilitar Chat
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                </fieldset>

                                <div>
                                    <button type="submit" class="btn btn-primary">Salvar</button>	
                                </div>

                            </form>
                        </div>


                        <div id="texts" class="tab-pane {!! $active == 'texts' ? 'active' : '' !!}">
                            <form action="{{ route('admin.stream.texts.update') }}" class="form-horizontal" method="post">
                                @csrf
                                @method('PUT')
                                <fieldset>
                                    <div class="form-group">
                                    <label class="col-md-12">Titulo</label>
                                    <div class="col-md-7">
                                        <input name="title" value="{{ $streamtexts->title }}" type="text" class="form-control">
                                    </div>
                                    </div>
                                    <div class="form-group">
                                    <label class="col-md-12">Mensagem</label>
                                    <div class="col-md-7">
                                        <textarea class="form-control" name="message">{{ $streamtexts->message  }}</textarea>
                                    </div>
                                    </div>
                                    <div class="form-group">
                                    <label class="col-md-12">Câmera ao vivo</label>
                                    <div class="col-md-7">
                                        <textarea class="form-control" name="live">{{ $streamtexts->live  }}</textarea>
                                    </div>
                                    </div>
                                    <div class="form-group">
                                    <label class="col-md-12">Chat</label>
                                    <div class="col-md-7">
                                        <textarea class="form-control" name="chat_text">{{ $streamtexts->chat  }}</textarea>
                                    </div>
                                    </div>
                                </fieldset>
                                <div>
                                    <button type="submit" class="btn btn-primary">Salvar</button>
                                </div>
                            </form>
                        </div>

            
             
                                  
                        <div id="colors" class="tab-pane {!! $active == 'colors' ? 'active' : '' !!}">
                             <form action="{{ route('admin.stream.colors.update') }}" class="form-horizontal" method="post">
                                        @csrf
                                        @method('PUT')
                
                                        
                                        <div class="row" style="margin-left:15px;">
                                            <div class="col-md-5">
                                                <div class="col-md-2 form-group">
                                                    <label for="color">Fundo</label>
                                                    <input type="color" id="color" name="color" onchange="clickColor(0, -1, -1, 5)" value="{{ $streamColor->color }}" style="width:85%;height: 36px;">
                                                    </div>
                                                    {{-- <div class="col-md-10 form-group">
                                                        <label for="background_file"><br/></label>
                                                        <div class="fileupload fileupload-new" data-provides="fileupload">
                                                        <div class="input-append">
                                                            <div class="uneditable-input">
                                                            <i class="fa fa-file fileupload-exists"></i>
                                                            <span class="fileupload-preview"></span>
                                                            </div>
                                                            <span class="btn btn-default btn-file">
                                                            <span class="fileupload-exists">Alterar</span>
                                                            <span class="fileupload-new">Procurar arquivo</span>
                                                            <input type="file" name="background">
                                                            </span>
                                                            <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remover</a>
                                                        </div>
                                                        </div>
                                                    </div> --}}
                                            </div>
                                            <div class="col-md-7">
                                                <style>
                                                    iframe {
                                                        width: 900px;
                                                        height: 400px;
                                                        overflow: auto;
                                                    }
                                                </style>
                                                <label for="color">Pré-visualização</label>
                                                <iframe src="{{ route('home.index') }}" frameborder="0" width="100%" height="400"></iframe>
                                            </div>
                                        </div>   
                                           
                                           
                                                                         
                                        <div style="padding-top:15px;">
                                           <button type="submit" class="btn btn-primary">Salvar</button>
                                        </div>
                
                             </form>
                        </div>
    
                                  
                


                    </div>
                </div>
            </div>
            <!-- /.row -->
        </div>
    </section>
        <!-- /.content -->

        
    </div>
@include('admin.footer')