@extends('layouts.app')

@section('content')
<div class="content">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 margin-tb">
                <div class="h2">
                    <h2>Edit 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.update', $project->id) }}" method="POST">
            @csrf
            @method('POST')

            <div class="add_question_catagory">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>Title:</strong>
                            <input type="text" name="title" value="{{ $project->title }}" class="form-control">
                        </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">{{ $project->description }}</textarea>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>Info:</strong>
                            @if (!empty($project->refs_info))
                            <textarea class="form-control" style="height:50px" name="info">{{ $project->refs_info->detail }}</textarea>
                            @else
                            <textarea class="form-control" style="height:50px" name="info"></textarea>
                            @endif
                        </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">{{ $project->options_detail }}</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">
                                @if ($project->options==1)
                                <option value="1" selected='true'> Select only one </option>
                                <option value="0"> Another </option>
                                @else
                                <option value="0"> Another </option>
                                <option value="1"> Select only one </option>
                                
                                @endif
                            </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">
                                @if ($project->multiple==0)
                                <option value="0" selected='true'> Single </option>
                                <option value="1" > Multiple </option>
                                @else
                                <option value="0"> Single </option>
                                <option value="1" selected='true'> Multiple </option>
                                @endif
                                
                            </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>
        <style type="text/css">
        html, body {
    max-width: 100%;
    overflow-x: hidden;
}
    </style>
@endsection