@extends('layouts.web.master')
@section('content')
<div class="loader"></div>
<div class="container" id="intital-web-div" style="display:none;">
<div class="main-que-ans-section">
<div class="container-xxl flex-grow-1 container-p-y">
    @include('common.messages')
    @include('common.errors')
    <!-- Hoverable Table rows -->
    <div class="card">
        <div class="row">
            <div class="col-md-12">                                    
                <!-- <h5 class="card-header">Listing {{ $monitor_id }} </h5>  -->
            </div>
        </div>
        <div class="container">
            <div class="slider-question-main-section">
             @if(isset($data['advertisements']) && !empty($data['advertisements']))
             <div class="slider-left-part" style="width:40%">
            <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
     @foreach($data['advertisements'] as $key => $img)
    <div class="carousel-item @if($key==0) active @endif">
      <img src='{{url("$img")}}' />
    </div>
    @endforeach
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>
</div>
   @endif

    <div class="question-right-part @if(empty($data['advertisements'])) que-right-full-width @endif" style="width:calc(100% - 40%);">
            <div class="row mb-5">
                <div class="question-submit-form">
                    
                    @if(isset($data['questions']) && !empty($data['questions']))
                    <form id="add_rating_form">
                    @csrf
                    <div class="row" id="generate_question">
                        @include('web.questions.common')
                    </div>
                    <div class="row ask_customer_details" style="display:none;">
                        @if(isset($data['servey_details']) && !empty($data['servey_details']))
                        <div class="col-md-12">
                            @if($data['servey_details']->ask_customer_details==1)
                            <div class="form-check">
                                Name : <input type="text" name="name" class="form-control">
                            </div>
                            <div class="form-check">
                                Email Address : <input type="email" name="email" class="form-control">
                            </div>
                            <div class="form-check">
                                Contact Number : <input type="text" name="phone_no" class="form-control numbersOnly" maxlength="10">
                            </div>
                            @endif
                        </div>
                        @endif
                        <!--<input class="question_id" type="hidden" name="question_id" value="{{$data['questions']->id}}">
                        <input class="question_type" type="hidden" name="question_type" value="{{$data['questions']->question_type}}">-->
                    </div>
                    <div class="col-md-12 mt-2">
                        <input class="sort" type="hidden" name="sort" value="{{$sort}}">
                       <!--  <button class="btn btn-primary next-btn-part" type="submit" id="btnSubmit"> {{($is_last_question==1) ? 'Submit' : 'Next'}} </button> -->
                        <button class="btn btn-primary next-btn-part" type="submit" id="btnSubmit"> <img src="{{ asset('admin/images/ic_next.png') }}" /></button>
                    </div>
                    </form>
                    @else
                        <p>Questions not found</p>
                    @endif 
                </div>
            </div>
        </div>
        </div>
        </div>
    </div>
    <!--/ Hoverable Table rows -->
</div>
</div>
</div>
@endsection