@extends('layouts.app')

@section('content')
<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 margin-tb">
                <div class="h2class">
                    <h2 style="text-align: center;">Add New Category</h2>
                </div>                
            </div>
        </div>
        @if ($errors->any())
            <div class="alert alert-danger">



                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form action="{{ route('projects.store') }}" method="POST" >
            @csrf
            <div class="add_question_catagory">
                <div class="row">
                    <br>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>Title:</strong>
                            <input type="text" name="title" class="form-control" placeholder="Title">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>Description:</strong>
                            <textarea class="form-control" style="height:50px" name="description"
                                placeholder="Description"></textarea>
                        </div>
                    </div>



                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>Info:</strong>
                            <textarea class="form-control" style="height:50px" name="info"
                                placeholder="optional"></textarea>
                        </div>
                    </div>
                    
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>Option Detail:</strong>
                            <textarea class="form-control" style="height:50px" name="options_detail"
                                placeholder="optional"></textarea>
                        </div>
                    </div>
                    
                     <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                            <strong>Question selection type:</strong><br>
                            <label for="questions"><strong>Select question's type:</strong></label>

                            <select name="options" id="options_type">
                                <option value="1"> Select only one </option>
                                <option value="0"> Another </option>
                                
                            </select>
                        </div>
                        </div>
                    
                     <!-- <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                            <strong>layout Type:</strong><br>
                            <label for="questions"><strong>Choose a layout Type:</strong></label>

                            <select name="multiple" id="layout_type">
                                <option value="0"> Single </option>
                                <option value="1"> Multiple </option>
                                
                            </select>
                        </div>
                        </div> -->

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="pull-left">
                            <a class="btn btn-primary" href="{{ url('categories') }}" title="Go back"> Cancel</a>
                        </div>
                        <div class="pull-right">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                </div>
            </div>

        </form>
    </div>
</div>


@endsection