@extends('_layouts.master')
@section('content')
	@include('_layouts.header')

	<section id="template-form">
		<div class="container py-5">
			<h1 class="fs-xl font-weight-bold mt-0 mb-5">Gerar template</h1>

			@php
				$params = ['route' => 'template.create', 'id' => 'form'];
				if ($request->has('url')){
					$params['class'] = 'd-none';
				}
			@endphp			

			{{ Form::open($params) }}
				<div class="form-group">
					{{ Form::label('url', 'URL das notícias (uma por linha)') }}
					<input class="form-control" type="text" name="url[]" value="{{ @$request->input('url')[0] }}" required="required"> 
				</div>
				@for ($i = 1; $i <= 9; $i++)
					<div class="form-group">
						<input class="form-control" type="text" name="url[]" value="{{ @$request->input('url')[$i] }}"> 
					</div>				
				@endfor

				<div class="form-group text-center">
					{{ Form::submit('Enviar', ['class' => 'btn btn-primary']) }}
				</div>
			{{ Form::close() }}

			@if ($request->has('url'))
				<button id="btn-editar-noticias" class="btn btn-primary mb-3">Editar notícias</button>
			@endif

			@if (isset($nodes))				
				{!! $table_top_html !!}				
				{!! $html_nodes !!}
				{!! $table_bottom_html !!}

				@if (isset($html))
					<div class="mt-5"> 
						{{ Form::label('html', 'Template (HTML)') }}
						{{ Form::textarea('html', $html, ['id' => 'html', 'class' => 'form-control', 'rows' => 20]) }}
					</div>
				@endif
			@endif
		</div>
	</section>

    @include('_layouts.footer')    
@endsection

@push('scripts')
	<script type="text/javascript">
		$('#btn-editar-noticias').click(function(){
			$(this).remove();
			$('#form').removeClass('d-none');
		})

		$('#html').click(function(){
			$(this).select();
		})
	</script>
@endpush