@extends('layouts.app')

@section('content')

<!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">TUTORIAL</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    @if(isset($edit))
                                    <li class="breadcrumb-item"><a href="{{route('iptv.index')}}">EDITAR ITEM DE TUTORIAL</a></li>
                                    @else
                                    <li class="breadcrumb-item"><a href="{{route('iptv.index')}}">CRIAR ITEM DE TUTORIAL</a></li>
                                    @endif
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
    <div class="card">
        <div class="card-header">
          <h4 class="card-title">Alterar Informações Importantes</h4>
        </div>
        <div class="card-body">
        @if(isset($edit))
        <form method="POST" action="{{ route('tutoriais.update', $edit->id) }} " onsubmit="carregando()">
            {!! method_field('PUT') !!}

        @else
        <form method="POST" action="{{route('tutoriais.store') }}" onsubmit="carregando()">
        @endif
                {{ csrf_field() }}
                <div class="col-12">
                    <div class="form-group">
                        <label for="password-icon">Assunto</label>
                            @if(isset($edit))
                            <select id="select_revendas" class="select2 form-control form-control-lg" name="subject">
                                @foreach($subject as $sub)
                                    @if($edit->subject == $sub->id)
                                    <option value="{{$sub->id}}">{{ $sub->subject }}</option>
                                    @else
                                    @endif
                                @endforeach
                                @foreach($subject as $assuntos)
                                <option value="{{$assuntos->id}}">{{$assuntos->subject}}</option>
                                @endforeach
                            </select>
                            @else
                             <select id="select_revendas" class="select2 form-control form-control-lg" name="subject">
                                @foreach($subject as $assuntos)
                                <option value="{{$assuntos->id}}">{{$assuntos->subject}}</option>
                                @endforeach
                            </select>
                            @endif
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group">
                    <label for="email">Titulo</label>
                        <div class="input-group input-group-merge">
                            <div class="input-group-prepend">
                            <span class="input-group-text"><i data-feather="mail"></i></span>
                            </div>
                            @if(isset($edit))
                              <input type="text" id="title" class="form-control" name="title" placeholder="Digite o Titulo" value="{{$edit->title}}"/>
                            @else
                              <input type="text" id="title" class="form-control" name="title" placeholder="Digite o Titulo"/>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group">
                    <label for="email">Conteúdo</label>
                        <div class="input-group input-group-merge">
                            @if(isset($edit))
                            <textarea class="form-control" id="detail" rows="3" name="detail">{{$edit->detail}}</textarea>
                            @else
                            <textarea class="form-control" id="detail" rows="3" name="detail"></textarea>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    @if(isset($edit))
                    <button type="submit" id="btneditar" class="btn btn-primary mr-1">Editar</button>
                    @else
                    <button type="submit" id="btneditar" class="btn btn-primary mr-1">Criar</button>
                    @endif
                </div>
        </form>


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

    </div>

</div>


@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
<script src="{{ asset('css/template/app-assets/vendors/js/forms/select/select2.full.min.js') }}"></script>
<script src="{{ asset('css/template/app-assets/js/scripts/forms/form-select2.min.js') }}"></script>

<!-- BEGIN: Page Vendor JS-->
<script src="{{ asset('css/template/app-assets/vendors/js/editors/quill/katex.min.js') }}"></script>
<script src="{{ asset('css/template/app-assets/vendors/js/editors/quill/highlight.min.js') }}"></script>
<script src="{{ asset('css/template/app-assets/vendors/js/editors/quill/quill.min.js') }}"></script>
<script src="{{ asset('css/template/app-assets/js/scripts/forms/form-quill-editor.min.js') }}"></script>

    <script>
      $('#detail').summernote({
        tabsize: 8,
        height: 400
      });
    </script>

    <script>
        function carregando() {
            document.getElementById("botao").disabled = true;
        };
    </script>

    <script>
        function carregando() {
            document.getElementById("btneditar").disabled = true;
        };
    </script>

    @if(!empty(Session::get('msg')) && Session::get('msg') == 1)
    <script>
        Swal.fire({title:"Sucesso!",text:"Tutorial editado com Sucesso!",icon:"success",customClass:{confirmButton:"btn btn-primary"},buttonsStyling:!1});
    </script>
    @endif

    @if(!empty(Session::get('msg')) && Session::get('msg') == 2)
    <script>
        Swal.fire({title:"Sucesso!",text:"Configuração de Testes alterado com Sucesso!!",icon:"success",customClass:{confirmButton:"btn btn-primary"},buttonsStyling:!1});
    </script>
    @endif

        @if(!empty(Session::get('msg')) && Session::get('msg') == 3)
    <script>
        Swal.fire({title:"Sucesso!",text:"Informação alterada com sucesso!",icon:"Sucesso",customClass:{confirmButton:"btn btn-primary"},buttonsStyling:!1});
    </script>
    @endif

@endpush