@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Editar Config</h4>


                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row">
        <!-- ============================================================== -->
        <!-- basic form -->
        <!-- ============================================================== -->
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            @if (session('success'))

                <div class="alert alert-success">
                    {{ session('success') }}
                </div>

            @endif
            @if (session('erro'))

                <div class="alert alert-danger">
                    {{ session('erro') }}
                </div>

            @endif
            <div class="card">
                <h5 class="card-header">Editar Config</h5>
                <div class="card-body">


                    {!! Form::model($category, ['url'=>routeTenant('configdiario.edit', [$category->id]),'enctype'=>'multipart/form-data']) !!}


                    <div class="row">




                        <div class="col-md-12">

                            <div class="form-group">
                                {!! Form::label('header', 'Header:') !!}
                                {!! Form::textarea('header', old('header') , ['class'=>'form-control','id'=>'my-editor']) !!}
                                  <small id="emailHelp" class="form-text  text-muted text-danger ">A imagem do topo  tem de ter tamanho de 15cm X 2,6cm resolução de 300dpi</small>
                            </div>

                        </div>

                        <div class="col-md-12">

                            <div class="form-group">
                                {!! Form::label('footer', 'Footer:') !!}
                                {!! Form::textarea('footer', old('header') , ['class'=>'form-control','id'=>'my-editor2']) !!}
                            </div>

                        </div>


                        <div class="col-md-5">

                            <div class="form-group">
                                {!! Form::label('diarionuber', 'Numero Inicial da Edição do Diario:') !!}
                                {!! Form::text('diarionuber', old('diarionuber') , ['class'=>'form-control']) !!}
                            </div>
                        </div>

                        <div class="col-md-3">

                            <div class="form-group">
                                {!! Form::label('name', 'Nome do portal para diario:') !!}
                                {!! Form::text('name', old('name') , ['class'=>'form-control']) !!}
                            </div>
                        </div>

                        <div class="col-md-3">

                            <div class="form-group" style="margin-top: 20px;">



                                {!! Form::submit('Salvar Config', ['class'=>'btn btn-primary']) !!}
                            </div>
                        </div>

        {!! Form::close() !!}


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

    </div>

@endsection

@section('post-script')


            {!!  config('tenant.editor') !!}
            {!!  config('tenant.editor2') !!}

            <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" />

            <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
            <script>
                $(function() {
                    $("#calendario").datepicker({
                        dateFormat: 'dd/mm/yy',
                        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
                        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
                        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
                        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez']
                    });
                });
                </script>


            <script src="{{ asset('assets/vendor/inputmask/js/jquery.inputmask.bundle.js') }}"></script>
            <script>
                $(function(e) {
                    "use strict";

                        $("#calendario").inputmask("99/99/9999"),


                        $(".email-inputmask").inputmask({
                            mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[*{2,6}][*{1,2}].*{1,}[.*{2,6}][.*{1,2}]",
                            greedy: !1,
                            onBeforePaste: function(n, a) {
                                return (e = e.toLowerCase()).replace("mailto:", "")
                            },
                            definitions: {
                                "*": {
                                    validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~/-]",
                                    cardinality: 1,
                                    casing: "lower"
                                }
                            }
                        })
                });


                document.getElementById("file_upload").onchange = function () {
                    document.getElementById("uploadFile").value = this.value;
                };
            </script>
@endsection