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

                        <div class="col-md-6">
                            <input type="text" class="form-control" name="name" id="name" placeholder="Name" value="{{ !empty($editQuestionSubCategoryData[0]->name) ? $editQuestionSubCategoryData[0]->name : '' }}">
                            
                            <input type="hidden" class="form-control" name="id" id="id" value="{{ !empty($editQuestionSubCategoryData[0]->id) ? $editQuestionSubCategoryData[0]->id : '' }}">
                            
                            @if ($errors->has('name'))<span class="text-danger">{{ $errors->first('name') }}</span>@endif 
                        </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 SubCategory</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> Is Category </th>
                                <th> Created_at </th>
                                <th>Action</th>
                            </tr>                            
                        </tr>
                    </thead>
                    <tbody>
                        @if(!empty($getQuestionSubCategoryData))
                            @foreach($getQuestionSubCategoryData as $key=> $questionCate)
                                <tr>
                                    <td>
                                        {{ !empty($questionCate->name) ? $questionCate->name : '' }}
                                    </td>

                                    <td>
                                        {{ !empty($questionCate->categoryName ) ? $questionCate->categoryName  : '' }}
                                    </td>
                                    
                                    <td>
                                        {{ !empty($questionCate->created_at) ? 
                                        date('d-M-Y', strtotime($questionCate->created_at)) : '' }}
                                    </td>
                                   
                                    
                                    <td>
                                        <a href="{{ route('admin.questionsubcategory.edit',['id'=> $questionCate->id]) }}" class="btn btn-block btn-primary">Edit</a>
                                        <a onclick="return confirm('Are you sure you want to delete this Question Subcategory?');" href="{{ route('admin.questionsubcategory.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 () 
        {
            $('#category_id').select2({
                placeholder: 'Select Category',
            });
            
        });
    </script>    
@endsection