@extends('templates/admin')

@section('titulo')
    <h1>
        Landing Page
    </h1>
@stop

@section('menu-formulario')
    active
@stop

@section('breadcrumbs')
    <li><a href="{{ route('admin',['subdominio' => Route::input('subdominio')])}}"><i class="fa fa-home"></i> Home</a></li>
    <li class="active">Landing Page</li>  
@stop

@section('styles')
<link rel="stylesheet" href="{{ asset('admin-lte/css/forms.css') }}">
<style type="text/css">
    .ordenacao label{
        width: 300px;
    }
    .ordenacao input{
        width: 300px;
        display: inline-block;
        margin-left: 20px;
    }
</style>
@stop

@section('conteudo')

    <div class="row">
        <div class="col-md-12">
            <div class="box box-primary">

                <div class="box-body">
                    @if ( count($errors) > 0)
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-warning alert-dismissible">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    Erros encontrados:<br />
                                    <ul>
                                        @foreach ($errors->all() as $e)
                                        <li>{{ $e }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if(Session::get("mensagem_info"))
                        <div class="alert alert-success alert-dismissible">
                          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                          {{Session::get("mensagem_info")}}
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-md-12">
                            {!! Form::open([
                                    'route' => ['landing.store','subdominio' => Route::input("subdominio")],
                                    'files'=>'true', 
                                    'id' => 'formulario'
                                ]) 
                            !!}
                                <div class="row form-group">
                                    <div class="col-md-6">
                                        {!! Form::label('nome', 'Nome*') !!} 
                                        {!! Form::text('nome', $formulario->nome, ['class'=>'form-control']) !!}
                                    </div>
                                    <div class="col-md-6">
                                        {!! Form::label('email', 'Email*') !!} 
                                        {!! Form::email('email', $formulario->email, ['class'=>'form-control']) !!}
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-md-12">
                                        {!! Form::label('nome', 'Descrição*') !!} 
                                        {!! Form::textarea('descricao', $formulario->descricao, ['class'=>'form-control tiny']) !!}
                                    </div>
                                </div>
                                <h2 class="text-center">Campos do formulário</h2>
                                <div class="row form-group">
                                    <div class="col-md-12 selectFields">
                                        <select class="form-control select2" id="fields" name="fields[]" multiple data-val="{{$formulario->fields->pluck('id')}}">
                                            @foreach(App\Field::all() as $key => $field)
                                            <option value="{{$field->id}}">{{$field->nome}} | {{$field->tipo}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group ordenacao">
                                    <div class="col-md-12">
                                        <button class="btn" id="ordenar" type="button">Ordenar</button>
                                        <div class="ordenacao" style="display: none;">
                                            @foreach($formulario->fields as $key => $field)
                                            <div class="form-group">
                                                <label>{{$field->nome}} | {{$field->tipo}} </label>
                                                <input class="form-control" type="number" placeholder="Ordem" name="ordem[{{$field->id}}]" value="{{$field->pivot->ordem}}">
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-success">Salvar</button>
                                    </div>
                                </div>
                            {!! Form::close() !!}
                        </div> 
                    </div>
            </div>
        </div>
    </div>
@stop

@section('scripts')

    {{-- <script type="text/javascript" src="{{asset('admin-lte/js/formulario.js')}}"></script> --}}
    <script type="text/javascript">
        $(document).ready(function(){
            @if (session('sucesso'))
            swal({
                title: "Sucesso!",
                text: "{{session('sucesso')}}",
                type: "success",
                timer: 2000,   
                showConfirmButton: false})
            @endif

            @if (session('erro'))
            swal({
                title: "Erro!",
                text: "{{session('erro')}}",
                type: "error",
                timer: 2000,   
                showConfirmButton: false})
            @endif
            var selectFields = $("#fields");
            if(selectFields.attr("data-val")){
                selectFields.val(JSON.parse(selectFields.attr("data-val")));
                selectFields.select2();
            }
            $("#fields").change(function(event) {
                $(".ordenacao").remove();
            });
            $("#ordenar").click(function(event) {
                $(".ordenacao").show();
                $("#ordenar").hide();
                $(".selectFields").hide();
            });
        });
    </script>
@stop