@extends('layout.master')

@push('plugin-styles')
@endpush

@section('content')
<div class="row">
    <div class="col s12">
        @include('componentes._breadcrumbs')
    </div>

    <div class="col-lg-12 grid-margin stretch-card">
        <div class="card">

            <div class="card-body">

                <h4 class="card-title">Adicionar Produtos </h4>
                <p class="card-description"> </p>

                @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div><br />
                @endif

                <div class="auto-form-wrapper">
                    <form action="{{ route('produto.store')}}" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}

                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#menu1">Geral</a></li>
                            <li class=""><a  >Beneficios</a></li>
                            <li class=""><a >Features</a></li>
                                                     
                        </ul>


                        <div class="tab-content">
                            <div id="menu1" class="tab-pane show in active">
                                <h5 class="title_section">Informções Gerais</h5>
                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-check form-check-flat">
                                            <label class="form-check-label">
                                              <input type="checkbox" class="form-check-input" name="linkinterno" value="1" >Não Possui Página Interna 
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select name="solucao_id" id="solucao_id" class="validate form-control" require>
                                                    <option value="">Selecione um Solução</option>
                                                    @if($solucoes)
                                                        @foreach($solucoes as $solucao)
                                                            <option value="{{ $solucao->id }}">
                                                                {{@$solucao->segmento->name . ' - ' . $solucao->name}}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-field">
                                                <select name="language" id="language" class="form-control" required>
                                                    <option value="">Selecione um Idioma</option>
                                                    <option value="pt">Português</option>
                                                    <option value="es">Espanhol</option>
                                                    <option value="en">Inglês</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="name" id="name" class="validate form-control"
                                                    value="{{ old('name')}}"
                                                    Placeholder="Nome do Produto" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="shortname" id="shortname" class="validate form-control"
                                                    value="{{ old('shortname')}}"
                                                    Placeholder="Nome Reduzido do Produto" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <p>Imagem Produto</p>
                                            <div class="input-group">
                                                <input type="file" name="imageprod" id="imageprod" class="form-control">
                                            </div>
                                            <p>Tamanho da imagem: </p>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <p>Imagem mobile</p>
                                            <div class="input-group">
                                                <input type="file" name="image_mobile" id="image_mobile" class="form-control">
                                            </div>
                                            <p>Tamanho da imagem: 375px X 812px</p>
                                        </div>
                                    </div>
                                </div>

                                
                                <h5 class="title_section">Hero Page</h5>
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <p>Imagem Background</p>
                                            <div class="input-group">
                                                <input type="file" name="image" id="image" class="form-control">
                                            </div>
                                            <p>Tamanho da imagem: 1920 x 1066px</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="title" id="title" class="validate form-control"
                                                    value="{{ old('title')}}"
                                                    Placeholder="Título" >
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <p>Descrição</p>
                                            <div class="input-group">
                                                <textarea name="description" id="description" class="description">{{ old('description')}}</textarea>

                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="btncta" id="btncta" class="validate form-control"
                                                    value="{{ old('btncta')}}"
                                                    Placeholder="Botão Cta" >
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="linkbtncta" id="linkbtncta" class="validate form-control"
                                                    value="{{ old('linkbtncta')}}"
                                                    Placeholder="Link do botão Cta" >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                               
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="bt_color_cta" id="bt_color_cta" class="validate form-control"
                                                    value="{{ old('bt_color_cta')}}"
                                                    Placeholder="Cor do botão" >
                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select name="targethero" id="targethero" class="form-control" >
                                                    <option value="">Selecione um Target</option>
                                                    <option value="0" >Abrir na mesma Aba</option>
                                                    <option value="1" >Abrir em nova Aba</option>
                                                    <option value="2" >Abrir Modal de Contato</option>
                                                </select>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
        

                                
                                <h5 class="title_section">Depoimentos</h5>
                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="depoimento_titulo" id="depoimento_titulo" class="validate form-control"
                                                    value="{{ old('depoimento_titulo') }}"
                                                    Placeholder="Título" >
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <h5 class="title_section">Video</h5>

                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="videotitulocta" id="videotitulocta" class="validate form-control"
                                                    value="{{old('videotitulocta')}}"
                                                    Placeholder="Título do Vídeo do Youtube" >
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <p>Imagem Background</p>
                                            <div class="input-group">
                                                <input type="file" name="videoimagecta" id="videoimagecta" class="form-control">
                                            </div>
                                            <p>Tamanho da imagem: 1920 x 540px</p>
                                        </div>
                                    </div>
                                </div>
                               
                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="video" id="video" class="validate form-control"
                                                    value="{{ old('video')}}"
                                                    Placeholder="Vídeo do Youtube" >
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="videobtncta" id="videobtncta" class="validate form-control"
                                                    value="{{  old('videobtncta')}}"
                                                    Placeholder="Botão Vídeo CTA" >
                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="videolinkcta" id="videolinkcta" class="validate form-control"
                                                    value="{{ old('videolinkcta')}}"
                                                    Placeholder="Link Vídeo CTA" >
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="bt_color_video" id="bt_color_video" class="validate form-control"
                                                    value="{{ old('bt_color_video')}}"
                                                    Placeholder="Cor do botão" >
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <h5 class="title_section">CTA para Contato</h5>
                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="titulocta_contato" id="titulocta_contato" class="validate form-control"
                                                    value="{{ old('titulocta_contato')}}"
                                                    Placeholder="Título" >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <p>Imagem Background</p>
                                            <div class="input-group">
                                                <input type="file" name="imagecta" id="imagecta" class="form-control">
                                            </div>
                                            <p>Tamanho da imagem: 1920 x 640px</p>
                                        </div>
                                    </div>
                                </div>

                                @if (isset($obj->imagecta)) 
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                            <img src="{{ isset($obj->imagecta) ?   url('storage/produto/'.$obj->imagecta) : '' }}" width="200px" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="btncta_contato" id="btncta_contato" class="validate form-control"
                                                    value="{{ old('btncta_contato')}}"
                                                    Placeholder="Botão Cta" value="{{ isset($obj->btncta_contato) ?  $obj->btncta : old('btncta')}}" >
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="linkbtncta_contato" id="linkbtncta_contato" class="validate form-control"
                                                    value="{{ old('linkbtncta_contato')}}"
                                                    Placeholder="Link do botão Cta" value="{{ isset($obj->linkbtncta_contato) ?  $obj->linkbtncta_contato : old('linkbtncta_contato')}}" >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="bt_color_cta_contato" id="bt_color_cta_contato" class="validate form-control"
                                                    value="{{ old('bt_color_cta_contato')}}"
                                                    Placeholder="Cor do botão" >
                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <div class="form-check form-check-flat">
                                                    <label class="form-check-label">
                                                      <input type="checkbox" class="form-check-input" value="1" name="targetcta_contato" >Abrir em nova Aba <i class="input-helper"></i></label>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <h5 class="title_section">CTA para Contato 2</h5>
                                
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="tituloctafooter" id="tituloctafooter" class="validate form-control"
                                                    value="{{ old('tituloctafooter')}}"
                                                    Placeholder="Título" >
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <p>Imagem Background</p>
                                            <div class="input-group">
                                                <input type="file" name="imagectafooter" id="imagectafooter" class="form-control">
                                            </div>
                                            <p>Tamanho da imagem: 1920 x 640px</p>
                                        </div>
                                    </div>
                                </div>

                                @if (isset($obj->imagectafooter)) 
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                            <img src="{{ isset($obj->imagectafooter) ?   url('storage/produto/'.$obj->imagectafooter) : '' }}" width="200px" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif

                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="btnctafooter" id="btnctafooter" class="validate form-control"
                                                    value="{{ old('btnctafooter')}}"
                                                    Placeholder="Botão Cta"  >
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="btnlinkctafooter" id="btnlinkctafooter" class="validate form-control"
                                                    value="{{ old('btnlinkctafooter')}}"
                                                    Placeholder="Link do botão Cta"  >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="bt_color_cta_footer" id="bt_color_cta_footer" class="validate form-control"
                                                    value="{{ old('bt_color_cta_footer')}}"
                                                    Placeholder="Cor do botão" >
                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select name="targetctafooter" id="targetctafooter" class="form-control" >
                                                    <option value="">Selecione um Target</option>
                                                    <option value="0">Abrir na mesma Aba</option>
                                                    <option value="1">Abrir em nova Aba</option>
                                                    <option value="2">Abrir Modal de Contato</option>
                                                </select>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                
                                <h5 class="title_section">Meta Tags</h5>
                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="meta_title" id="meta_title" class="validate form-control"
                                                    value="{{old('meta_title')}}"
                                                    Placeholder="Meta Title" >
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="meta_description" id="meta_description" class="validate form-control"
                                                    value="{{old('meta_description')}}"
                                                    Placeholder="Meta Description" >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                               
                                <h5 class="title_section">Cases Relacionados</h5>
                                <div class="row clearfix">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <p>Cases</p>
                                            <div class="input-group">
                                                <select name="cases[]" id="cases" class="form-multiselect" multiple>
                                                    @if ($cases)
                                                        @foreach($cases as $case)
                                                            <option value="{{$case->id}}">{{$case->title}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                <p>*segure ctrl para selecionar mais de uma opção</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <h5 class="title_section">Notícias Relacionadas</h5>
                                
                                <div class="row clearfix">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <p>Notícias</p>
                                            <div class="input-group">
                                                <select name="noticias[]" id="noticias" class="form-multiselect" multiple>
                                                    @if ($noticias)
                                                        @foreach($noticias as $noticia)
                                                            <option value="{{$noticia->id}}">{{$noticia->title}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                <p>*segure ctrl para selecionar mais de uma opção</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="menu2" class="tab-pane fade aba">
                                <div class="row clearfix">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="ben_titulo" id="ben_titulo" class="validate form-control"
                                                    value="{{ old('ben_titulo')}}"
                                                    Placeholder="Título" >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row clearfix">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <p>Descrição</p>
                                            <div class="input-group">
                                                <textarea name="ben_description" id="ben_description" class="description">{{ old('ben_description')}}</textarea>

                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <div class="input-group">
                                                <input type="text" name="ben_bg_color" id="ben_bg_color" class="validate form-control"
                                                    value="{{ old('ben_bg_color')}}"
                                                    Placeholder="Background Color" >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <h5>Itens</h5>

                                <div class="itens">
                                    <div class="row clearfix">
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select name="item_icon[]" class="form-control">
                                                        @if($icones)
                                                            @foreach($icones as $ic)
                                                                <option {{$ic->id}}>{{$ic->id." - ".$ic->name}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input type="text" name="item_description[]" id="item_description" class="validate form-control"
                                                        value=""
                                                        Placeholder="Background Color" >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mais_itens"></div>
                                </div>

                            </div>
                            
                        </div>

                        <div class="row clearfix">
                            <div class="col-sm-3">
                                <button class="btn btn-primary submit-btn btn-block">Registrar</button>
                            </div>
                        </div>

                    </form>
                </div>

            </div>
        </div>

    </div>
</div>
@endsection

@push('plugin-scripts')
@endpush

@push('custom-scripts')
@endpush