@extends('master')

@section('breadcrumb')
<li class="breadcrumb-item">
	<a href="{{ url('/polls') }}">
		<i class="bi bi-bar-chart-line"></i> Encuestas
	</a>
</li>

<li class="breadcrumb-item">
	<a href="{{ url('/poll/'.$poll->id.'/edit') }}">
		<i class="bi bi-bar-chart-line"></i> Editar encuesta: {{ $poll->title }}
	</a>
</li>

@stop

@section('content')

<div class="row mtop32">

	<div class="col-md-3">
		@if(kvfj(Auth::user()->permissions, 'polls_edit'))
		{!! Form::open(['url' => '/poll/'.$poll->id.'/edit']) !!}
			<div class="panel">
				<div class="inside">
					<div class="title mb16">
						<h2><i class="bi bi-pencil-square"></i> Editar encuesta</h2>
					</div>
					<label for="app_name">Título de la encuesta:</label>
					<div class="group">
						<i class="fas fa-feather-alt"></i>
						{!! Form::text('title', $poll->title) !!}
					</div>

					<label for="icon" class="mtop16">Descripción:</label>
					<div class="group">
						<i class="fas fa-hamburger"></i>
						{!! Form::text('content', $poll->desc) !!}
					</div>

					<label for="cdn" class="mtop16">Abierta hasta:</label>
					<div class="group">
						<i class="fas fa-link"></i>
						{!! Form::date('date_until', $poll->date_until) !!}
					</div>

					<label for="cdn" class="mtop16">Estado:</label>
					<div class="group">
						<i class="fas fa-link"></i>
						{!! Form::select('status', shop_status(),$poll->status, ['class' => 'form-select']) !!}
					</div>

					<button type="submit" class="mtop16 btn btn-success"><i class="far fa-save"></i> Guardar</button>
				</div>
			</div>
		{!! Form::close() !!}

		{!! Form::open(['url' => '/poll/'.$poll->id.'/option/add']) !!}
			<div class="panel mtop16">
				<div class="inside">
					<div class="title mb16">
						<h2><i class="bi bi-plus-circle"></i> Crear opción</h2>
					</div>
					<label for="app_name">Título o pregunta:</label>
					<div class="group">
						<i class="fas fa-feather-alt"></i>
						{!! Form::text('title', null) !!}
					</div>

					<label for="icon" class="mtop16">Tipo de opción:</label>
					<div class="group">
						<i class="fas fa-hamburger"></i>
						{!! Form::select('option_type', poll_options_type(), null, ['class' => 'form-select']) !!}
					</div>

					<label for="cdn" class="mtop16">Orden:</label>
					<div class="group">
						<i class="fas fa-link"></i>
						{!! Form::number('order', 0, ['min' => '0']) !!}
					</div>

					<button type="submit" class="mtop16 btn btn-success"><i class="far fa-save"></i> Guardar</button>
				</div>
			</div>
		{!! Form::close() !!}
		@endif

	</div>


	<div class="col-md-9">
			@foreach($poll->getOptions as $option)
			<div class="panel mb16">
				<div class="inside">
					<div class="title mb16">
						<h2><i class="bi bi-list-check"></i> {{ $option->title }}</h2>
					</div>

					{!! Form::open(['url' => '/poll/'.$poll->id.'/option/'.$option->id.'/edit']) !!}
					<div class="row">
						<div class="col-md-6">
							<label for="title">Título o pregunta:</label>
							<div class="group">
								<i class="fas fa-feather-alt"></i>
								{!! Form::text('title', $option->title) !!}
							</div>
						</div>
						<div class="col-md-2">
							<label for="order">Orden:</label>
							<div class="group">
								<i class="fas fa-link"></i>
								{!! Form::number('order', $option->oporder, ['min' => '0']) !!}
							</div>
						</div>

						<div class="col-md-2">
							<label for="order">Numero de respuestas:</label>
							<div class="group">
								<i class="fas fa-link"></i>
								{!! Form::number('number_answers', $option->number_answers, ['min' => '0']) !!}
							</div>
						</div>

						<div class="col-md-2">
							<label for="order">¿Campo requerido?:</label>
							<div class="group">
								<i class="fas fa-link"></i>
								{!! Form::select('is_required', yes_no(), $option->is_required, ['class' => 'form-select']) !!}
							</div>
						</div>
					</div>

					<div class="row mtop16">
						<div class="col-md-1">
							<button type="submit" class="btn btn-success w-100"><i class="far fa-save"></i></button>
						</div>

						<div class="col-md-1">
							<a href="" class="btn btn-danger w-100 btn-deleted" data-path="poll/{{ $poll->id }}/option" data-action="delete" data-object="{{ $option->id }}">
								<span class="tool"></span>
								<i class="far fa-trash-alt"></i>
							</a>
						</div>
					</div>
					{!! Form::close() !!}
					<hr>
				</div>
			</div>
			@endforeach

	</div>
</div>
@endsection