@extends('layouts.app')



@section('content')

<link href="{{asset('css/profile.css')}}" rel="stylesheet">
    <div class="profile d-flex">
        <div class="row">
            <h2 class="mt-2 mb-3">Administração - Páginas</h2>
        </div>
    </div>
    <div class="profile justify-content-center">
        <div class="row">
            <div class="col-sm-12 col-lg-2">
                <ul class="nav flex-column nav-pills nav-pills-primary">
                    <li class="nav-item">
                        <a href="javascript:void();" data-target="#pages" data-toggle="pill" class="nav-link {{ $action=='LIST' ? 'active show': ''}}"><span class="hidden-xs">LISTA DE Páginas</span></a>
                    </li>
                    @can('inserir noticias')
                        <li class="nav-item">
                            <a href="javascript:void();" data-target="#newpage" data-toggle="pill" class="nav-link {{ $action=='EDIT' ? 'active show': ''}}"><span class="hidden-xs">Nova página</span></a>
                        </li>
                    @endcan
                </ul>
            </div>

            <div class="col-sm-12 col-lg-10">
	            <div class="card z-depth-3">
	                <div class="card-body">
		                <div class="tab-content p-3">

                            <!-- LISTA DE NOTICIAS NA APP-->
							<div class="tab-pane {{ $action=='LIST' ? 'active' : ''}}" id="pages">
		                        <div class="col-sm-12 col-lg-12" style="overflow-x: auto ">  
		                            <table class="table table-hover table-striped">
		                                <thead>
											<th>#</th>
								            <th>Nome</th>
								            <th>Link</th>
                                            <th>Categoria</th>
                                            <th>Data</th>
                                            <th>Última atualização</th>
                                            <th colspan="3">Acções</th>
								        </thead>
								        <tbody>
                                            @forelse ($pages as $page)
                                            <tr>
                                                <td>{{$page->page_id}}</td>
                                                <td>{!!$page->page_name !!}</td>
                                                <td>{{$page->page_url}}</td>
                                                <td>{{$page->category->name}}</td>
                                                <td>{{$page->created_at}}</td>
                                                <td>{{$page->updated_at}}</td>
                                                <td><a href="{{ route('pages.show',$page->page_id) }}"><img src="{{asset('img/info.png')}}" width="25px" /></a></td>
                                                @can('editar noticias')
                                                    <td><a href="{{ route('pages.edit',$page->page_id) }}"><img src="{{asset('img/edit.png')}}" width="25px"/></a></td>
                                                @endcan
                                                @can('apagar noticias')
                                                    <td><a href="{{ route('pageDelete',$page->page_id) }}"><img src="{{asset('img/del.png')}}" width="25px"/></a></td>
                                                @endcan
                                            </tr>
                                            @empty
                                            <tr>
                                                <td colspan="7" align="center">Não existe notícias em destaque</td>
                                            </tr>
                                            @endforelse
                                            
                                            
                                         
										</tbody>
		                            </table>
		                        </div>
                            </div>
                            <!-- FIM DA LISTA -->



                            <!-- FORMULÁRIO NOTICIAS-->
                            <div class="tab-pane {{ $action=='EDIT' ? 'active' : ''}}" id="newpage">
                                <div class="col-sm-12 col-lg-12">
                                    <form action="{{ isset($edit) ? route('pages.update',$edit->page_id) : route('pages.store')}}" method="POST" name="newpage" enctype="multipart/form-data">
                                        @csrf
                                        @if(isset($edit))
                                            @method('PUT')
                                        @endif
                                        <div>
                                            <div class="form-group row">
                                                <label class="col-lg-12">
                                                    <strong>{{ $action=='EDIT'?'Editar página':'Nova página'}}</strong>
                                                </label>
                                            </div>

                                            <div class="form-group row">
                                                <label class="col-12" style="font-size: 0.9em">Para cria uma página deverá preencher todos os campos.
                                                </label>
                                            </div>
    
                                            <div class="form-group row">
                                                <label class="col-lg-3 col-form-label form-control-label">Título
                                                    <p style="font-size: 0.7em;">Título da noticia, máximo 20 caracteres devido ao espaço no aplicativo mobile.</p>
                                                </label>
                                                <div class="col-lg-9">
                                                <input class="form-control" type="text" name="page_name" value="{{isset($edit)?$edit->page_name:''}}">
                                                </div>
                                            </div>
    
                                            <div class="form-group row">
                                                <label class="col-lg-3 col-form-label form-control-label">URL
                                                    <p style="font-size: 0.7em;">O URL da notícia será criado automaticamente em função do titulo da notícia.</p>
                                                </label>
                                                <div class="col-lg-9">
                                                    <input class="form-control" type="text" name="page_url" value="{{isset($edit)?$edit->page_url:''}}" disabled >
                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label class="col-lg-3 col-form-label form-control-label">Class de estilo do topo
                                                    <p style="font-size: 0.7em;">Classe de estilo préviamente criada. ['events','prices']</p>
                                                </label>
                                                <div class="col-lg-9">
                                                    <input class="form-control" type="text" name="page_header_class" value="{{ isset($edit)?$edit->page_header_class:''}}"/>
                                                </div>    
                                            </div>
    
                                            <div class="form-group row">
                                                <label for="textarea" class="col-lg-3 col-form-label form-control-label">Introdução
                                                    <p style="font-size: 0.7em;">Pequena instrodução do que será apresentada na página.</p>
                                                </label>
                                                <div class="col-lg-9">
                                                    <textarea class="form-control" id="textarea-sub" rows="6" name="page_desc">
                                                       {{ isset($edit)?$edit->page_desc:''}}
                                                    </textarea>
                                                </div>
                                            </div>
    
                                            <div class="form-group row">
                                                <label for="textarea" class="col-lg-3 col-form-label form-control-label">Corpo / HTML
                                                    <p style="font-size: 0.7em;">Texto ou HTML da página</strong></p>
                                                </label>
                                                <div class="col-lg-9">
                                                    <textarea class="form-control" name="page_body" rows="9" id="editorBody">
                                                        {{ isset($edit)?$edit->page_body:'' }}
                                                    </textarea>
                                                </div>
                                            </div>

                                            <div class="form-group row">
                                                <label for="textarea" class="col-lg-3 col-form-label form-control-label">Corpo para APP
                                                    <p style="font-size: 0.7em;">Texto ou HTML da página para ser apresentado na aplicação mobile Euroindy</strong></p>
                                                </label>
                                                <div class="col-lg-9">
                                                    <textarea class="form-control" name="page_body_app" rows="9" id="editorBody">
                                                        {{ isset($edit)?$edit->page_body_app:'' }}
                                                    </textarea>
                                                </div>
                                            </div>

                                            


                                            <div class="form-group row">
                                                <label class="col-lg-3 col-form-label form-control-label">Categoria
                                                    <p style="font-size: 0.7em;">Defina uma categoria para a notícia. Todas a notícias da mesma categoria serão agrupadas e apresentadas numa pagina. 
                                                    Exemplo: Provas Euroindy
                                                    </p>
                                                </label>
                                                    <div class="col-lg-9">
                                                        <select name="page_category_id" class="form-control">
                                                            @foreach ($categorys as $category)
                                                                <option value="{{$category->id}}" @isset($editnews)@if($editnews->news_category == $category->name) selected @endif @endisset>{{ $category->name }}</option>
                                                            @endforeach
                                                            </select>
                                                    </div>
                                            </div>

                                            <div class="form-group row">
                                                <label class="form-check-label col-form-label col-lg-3" for="status">Ativo
                                                    <p style="font-size: 0.7em;">Pagina disponivel ou não disponivel
                                                        </p>
                                                </label>
                                                <div class="col-lg-6">
                                                    <input type="hidden" name="page_status" value="0" />
                                                    <input class="form-check-input" type="checkbox" id="status" name="page_status" value="1" @isset($edit)@if($edit->page_status == 1) checked @endif @endisset />
                                                </div>
                                            </div>

                                        <hr />
    
                                            <div class="form-group row">
                                                <div class="col-lg-6" align="left">
                                                    <a href="{{ route('pages.index')}}"><button type="button" class="btn btn-danger">Voltar</button></a>
                                                </div>
                                                <div class="col-lg-6" align="right">	
                                                    <input type="submit" class="btn btn-primary" value="Guardar" />
                                                </div>
                                                
                                            </div>
    
                                        </div>
                                    </form> 
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>

    <script>
        var editorBody = new Jodit('#editorBody', {
            "uploader" : {
                "insertImageAsBase64URI": true
            }
        });
    </script>
@endsection