@extends('layouts.app')

@section('content')
<div class="contents">
   <div class="crm mb-25">
<div class="container">
     <h2 class="breadcrumb-title mb-4">Add New Section</h2>
    <form method="POST" action="{{ route('question-sections.store') }}" enctype="multipart/form-data">
        @csrf
               <div class="row">
         <div class="col-md-6 mb-3">
            <label for="category_name" class="il-gray fs-14 fw-500 align-center mb-2">Questionaire</label>
            <select name="questionnaire_id" class="form-control ih-medium ip-light radius-xs b-light px-15" required>
                <option value="">Select an Option</option>
                @foreach(questionaire() as $s)
                    <option value="{{ $s->id }}">
                        {{ $s->title }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-md-6 mb-3">
           <label for="category_name" class="il-gray fs-14 fw-500 align-center mb-2">Name</label>
            <input type="text" name="name" class="form-control ih-medium ip-light radius-xs b-light px-15" required>
        </div>

      <div class="col-md-6 mb-3">
       <label for="category_name" class="il-gray fs-14 fw-500 align-center mb-2">Description</label>
            <textarea name="description" class="form-control ih-medium ip-light radius-xs b-light px-15" rows="2"></textarea>
        </div>

      <div class="col-md-6 mb-3">
          <label for="category_name" class="il-gray fs-14 fw-500 align-center mb-2">Icon (optional)</label>
            <input type="file" name="icon_path" class="form-control ih-medium ip-light radius-xs b-light px-15">
        </div>
        </div>
    <div class="d-flex justify-content-between">
        <a href="{{ route('question-sections.index') }}" class="btn btn-secondary">Back</a>
        <button type="submit" class="btn btn-primary btn-squared">Save Section</button>

    </div>
    </form>
</div>
   </div>
</div>
@endsection