@extends('admin.layouts.layout')
@section('content')
    <div class="pxp-dashboard-content-details">
       
        
        @if(empty($editQuestionCategoryData[0]->id))
            <form action="{{ route('admin.questioncategory.save') }}" method="post"  enctype="multipart/form-data">
        @else
            <form action="{{ route('admin.questioncategory.update') }}" method="post"  enctype="multipart/form-data">
        @endif
            
            @csrf
             <div class="card">
                <div class="card-body">
                    <div class="row">
                      <h4>{{ empty($editQuestionCategoryData[0]->id) ? 'Add' : 'Edit' }} Question Category</h4> 
                        <div class="col-md-6">
                            <select class="form-control select2" id="screen_id" name="screen_id" >
                                <option value="">Selecty</option>
                                @if(!empty($getScreensData))
                                    @foreach($getScreensData as $key => $screen)
                                        <option 
                                            
                                        
                                        value="{{ $screen->id }}">
                                            {{ $screen->sequence_no }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                            @if ($errors->has('postsecondaryid'))<span class="text-danger">
                                {{ $errors->first('postsecondaryid') }}</span>@endif 
                        </div>

                        <div class="col-md-6">
                            <input type="text" class="form-control" name="name" id="name" placeholder="Name" value="{{ !empty($editQuestionCategoryData[0]->name) ? $editQuestionCategoryData[0]->name : '' }}">
                            
                            <input type="hidden" class="form-control" name="id" id="id" value="{{ !empty($editQuestionCategoryData[0]->id) ? $editQuestionCategoryData[0]->id : '' }}">
                            
                            @if ($errors->has('name'))<span class="text-danger">{{ $errors->first('name') }}</span>@endif 
                        </div>
                    </div>

                    <div class="row">   
                        <div class="col-md-6">
                            <label>Sub Category</label>
                            <div class="form-group">
                                <div class="custom-control custom-radio">
                                    <input class="custom-control-input" id="customRadio1" type="radio" name="has_sub_category" onchange="gettblName(this);" value="0"  checked/>
                                    <label for="customRadio1" class="custom-control-label">Yes</label>
                                    <input class="custom-control-input" type="radio" id="customRadio2" name="has_sub_category" onchange="gettblName(this);"   value="1" />
                                     <label for="customRadio2" class="custom-control-label">No</label>
                                </div>
                            </div>
                        </div>
                            
                        @if(!empty($editQuestionCategoryData[0]->has_sub_category))
                        <div class="form-group" id="showTable" >
                            <label for="exampleInputEmail3">Table name</label>
                            <input type="text" class="form-control" name="table_name" id="table_name" value="{{ !empty($editQuestionCategoryData[0]->table_name) ? $editQuestionCategoryData[0]->table_name : '' }}" placeholder="Enter your table name">
                        </div>
                        @else
                        <div class="form-group" id="showTable" style="display: none;">
                            <label for="exampleInputEmail3">Table name</label>
                            <input type="text" class="form-control" name="table_name" id="table_name"  placeholder="Enter your table name">
                        </div>
                        @endif
                        
                        <div class="col-md-6">
                            <label>Field type</label>
                            <div class="form-group">
                                <div class="custom-control custom-radio">
                                    <input class="custom-control-input" 
                                                                        type="radio" value="radio" id="customRadiorb" name="customRadio">
                                    <label for="customRadiorb" class="custom-control-label">Radio Button</label>
                                    
                                    <input class="custom-control-input" type="radio" value="checkbox" id="customRadiocb" name="customRadio" 
                                                                         >
                                    <label for="customRadiocb" class="custom-control-label">Checkbox</label>

                                    <input class="custom-control-input" type="radio" value="dropdown" id="customRadiodd" name="customRadio" 
                                                                         >
                                    <label for="customRadiodd" class="custom-control-label">Dropdown</label>

                                    <input class="custom-control-input" type="radio" value="text" id="customRadioi" name="customRadio" 
                                                                         >
                                    <label for="customRadioi" class="custom-control-label">Input</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-4 mt-2">
                            <button type="submit" class="btn btn-block btn-primary">Submit</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <div class="mt-4 mt-lg-5">
            <h4>List Question Category</h4> 
            <div class="table-responsive">
                <table id="example1" class="table table-hover align-middle dataTable no-footer dtr-inline">
                    <thead>
                        <tr>
                            <tr>
                                <th> Name </th>
                                <th> Table </th>
                                <th> Is Category </th>
                                <th> Screen </th>
                                <th> Type </th>
                                <th> Created_at </th>
                                <th>Action</th>
                            </tr>                            
                        </tr>
                    </thead>
                    <tbody>
                        @if(!empty($getQuestionCategoryData))
                            @foreach($getQuestionCategoryData as $key=> $questionCate)
                                <tr>
                                    <td>
                                        {{ !empty($questionCate->name) ? $questionCate->name : '' }}
                                    </td>
                                    <td>
                                        {{ !empty($questionCate->table_name) ? $questionCate->table_name : '' }}
                                    </td>
                                    <td>
                                        {{ !empty($questionCate->name) ? $questionCate->name : '' }}
                                    </td>
                                    <td>
                                        {{ !empty($questionCate->screen_id ) ? $questionCate->screen_id  : '' }}
                                    </td>
                                        
                                    <td>
                                        {{ !empty($questionCate->type) ? $questionCate->type : '' }}
                                    </td>
                                    
                                    <td>
                                        {{ !empty($questionCate->created_at) ? 
                                        date('d-M-Y', strtotime($questionCate->created_at)) : '' }}
                                    </td>
                                   
                                    
                                    <td>
                                        <a href="{{ route('admin.questioncategory.edit',['id'=> $questionCate->id]) }}" class="btn btn-block btn-primary">Edit</a>
                                        <a onclick="return confirm('Are you sure you want to delete this Sub Post Secondary?');" href="{{ route('admin.questioncategory.delete',['id'=> $questionCate->id]) }}" class="btn btn-block btn-danger">Delete</a>
                                    </td>
                                </tr>

                            @endforeach
                        @endif

                    </tbody>
                </table>
            </div>
        </div>
        
    </div>

@endsection

@section('pagescriptcode')
    <script type="text/javascript">

        function gettblName(src) 
        {   
            var radioValue = src.value;
            if(radioValue == 1)
            {   
                $('#showTable').show();
                $('#table_name').val('');
            }
            else 
            {   
                $('#table_name').val('');
                $('#showTable').hide();
                
            }
        }
        
        $(function () 
        {
            $('#screen_id').select2({
                placeholder: 'Select Screen',
            });
            
        });
    </script>    
@endsection