@extends('admin.layouts.layout')
@section('content')
    <div class="pxp-dashboard-content-details">
        
        
        @if(empty($editQuestionScreenData[0]->id))
            <form action="{{ route('admin.questionscreen.save') }}" method="post"  enctype="multipart/form-data">
        @else
            <form action="{{ route('admin.questionscreen.update') }}" method="post"  enctype="multipart/form-data">
        @endif
                
            @csrf   
            <div class="card">
                <div class="card-body">

                    <div class="row">
                        <h4>{{ !empty($editQuestionScreenData[0]->id) ? 'Add' : 'Edit' }} Question Screen</h4> 
                            
                        <div class="col-md-6">
                            <input type="text" class="form-control" name="label" id="label" placeholder="Enter your Screen" value="{{ !empty($editQuestionScreenData[0]->label) ? $editQuestionScreenData[0]->label : '' }}">
                            
                            @if ($errors->has('label'))<span class="text-danger">
                                {{ $errors->first('label') }}</span>@endif 
                        </div>

                        <div class="col-md-6">
                            <input type="text" class="form-control" name="description" id="description" placeholder="Description" value="{{ !empty($editQuestionScreenData[0]->description) ? $editQuestionScreenData[0]->description : '' }}">
                            
                            <input type="hidden" class="form-control" name="id" id="id" value="{{ !empty($editQuestionScreenData[0]->id) ? $editQuestionScreenData[0]->id : '' }}">
                            
                            @if ($errors->has('description'))<span class="text-danger">{{ $errors->first('description') }}</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 Screen</h4> 
            <div class="table-responsive">
                <table id="example1" class="table table-hover align-middle dataTable no-footer dtr-inline">
                    <thead>
                        <tr>
                            <tr>
                                <th> Label </th>
                                <th> Description </th>
                                <th> Created_at </th>
                                <th>Action</th>
                            </tr>                            
                        </tr>
                    </thead>
                    <tbody>
                        @if(!empty($getQuestionScreenData))
                            @foreach($getQuestionScreenData as $key=> $questionScreen)
                                <tr>
                                    <td>
                                        {{ !empty($questionScreen->label) ? $questionScreen->label : '' }}
                                    </td>
                                    <td>
                                        {{ !empty($questionScreen->description) ? $questionScreen->description : '' }}
                                    </td>
                                    
                                    <td>
                                        {{ !empty($questionScreen->created_at) ? 
                                        date('d-M-Y', strtotime($questionScreen->created_at)) : '' }}
                                    </td>
                                   
                                    
                                    <td>
                                        <a href="{{ route('admin.questionscreen.edit',['id'=> $questionScreen->id]) }}" class="btn btn-block btn-primary">Edit</a>
                                        <a onclick="return confirm('Are you sure you want to delete this Question Screen?');" href="{{ route('admin.questionscreen.delete',['id'=> $questionScreen->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 () 
        {
            $('#screen_id').select2({
                placeholder: 'Select Screen',
            });
            
        });
    </script>    
@endsection