@extends('backend.amainlayout')
@section('title', 'RERF-Admin')
@section('maincontrol')

    <!--**********************************
                                                            Content body start
                                                        ***********************************-->
    @if (session()->has('user'))
        <div class="content-body">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header text-center">

                                @if (Session::has('msg'))
                                    <p class="text-danger text-center pt-5">{{ session('msg') }}</p>
                                @endif
                            </div>
                            <!--ADD-->
                            <div class="modal fade bd-example-modal-lg" id="addinstitutionModal1" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleModalLabel">Add Feedback Question</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="row justify-content-md-center">
                                                <div class="col-lg-12">
                                                    <form action="/addFeedBackQuestion" method="POST"
                                                        enctype="multipart/form-data">
                                                        @csrf

                                                        <div class="basic-form">
                                                            <div class="card  m-0">

                                                                <div class="card-body p-2">
                                                                    <div class="form-row">
                                                                        <div class="form-group col-md-12">
                                                                            <label>Question For</label>
                                                                            <select id="inputState" class="form-control"
                                                                                name="feedback_person_type" required>
                                                                                <option value="" selected>--Select---
                                                                                </option>
                                                                                <option value="Student">Student</option>
                                                                                <option value="Alumni">Alumni</option>
                                                                                <option value="Parent">Parent</option>
                                                                                <option value="Faculty">Faculty</option>
                                                                                <option value="Guest">Guest</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-row">
                                                                        <div class="form-group col-md-12">
                                                                            <label for="inputState">Feedback
                                                                                Question</label>
                                                                            <textarea class="summernote " name="feedbackquest" required></textarea>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-row">
                                                                        <div class="form-group col-md-12">
                                                                            <label>Question Answer Type</label>
                                                                            <select id="inputState"
                                                                                class="form-control ans_type"
                                                                                name="ans_type" required>
                                                                                <option value="" selected>--Select---
                                                                                </option>
                                                                                <option value="Radio">Radio</option>
                                                                                <option value="Text">Text</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group justify-content-md-center addOption"
                                                                        style="display: none">
                                                                        <div class="form-check justify-content-md-center">
                                                                            <button type="button"
                                                                                class="btn btn-primary btn-sm addOptionbutton"
                                                                                id="addOption" name="addOption"
                                                                                value="Option">Add Option</button>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-row feedbackOption">

                                                                    </div>

                                                                    <div class="form-row">
                                                                        <div class="form-group">
                                                                            <div class="form-check">
                                                                                <input class="form-check-input"
                                                                                    type="checkbox" required>
                                                                                <label class="form-check-label">Check me
                                                                                    out</label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-row justify-content-md-center p-2">
                                                                        <button type="submit"
                                                                            class="btn btn-dark">Add</button>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table  table-bordered zero-configuration" id="dataTable" width="100%"
                                        cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>Sl No</th>
                                                <th>Name</th>
                                                <!--<th>Email</th>-->
                                                <th>Phone No.</th>
                                                <th>College</th>
                                                <th>He is a</th>
                                                <th>Referral Name</th>
                                                <th>Referral Phone Number</th>
                                                <!--<th>Referral Name Phone No.</th>-->
                                                <th>Referral College</th>
                                                <th>Referral Department</th>
                                                <th>Referral Admission</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($referals as $referal)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ $referal->name }}</td>
                                                    <!--<td>{{ $referal->email }}</td>-->
                                                    <td>{{ $referal->phone }}</td>
                                                    <td>{{ $referal->college }}</td>
                                                    <td>{{ $referal->department }}</td>
                                                    <td>{{ $referal->referral_name }}</td>
                                                    <td>{{ $referal->referral_phone }}</td>
                                                    <!--<td>{{ $referal->referral_email }}</td>-->
                                                    <td>{{ $referal->referral_college }}</td>
                                                    <td>{{ $referal->referral_department }}</td>
                                                    <td>{{ $referal->referral_admission }}</td>
                                                </tr>
                                            @endforeach
                                            <!--editinstitutionModal-->
                                            <div class="modal fade bd-example-modal-lg" id="viewFeedBack" tabindex="-1"
                                                role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-lg" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">
                                                                Subject:</h5>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <!--editinstitutionModal-->
                                            <!--Add Tage Model-->

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

            </div>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>

            <script type="text/javascript">
                $(document).ready(function() {
                    $('.summernote').summernote({
                        height: 100
                    });
                    $('.ans_type').change(function() {

                        if ($(this).val() == 'Radio') {
                            //alert($(this).val());
                            $(".addOption").attr("style", "display:block");
                        } else {
                            $(".addOption").attr("style", "display:none");
                            $(".feedbackOption").remove();
                        }
                        //$("#noticefile").attr("style", "display:block");
                    });
                    $('.addOptionbutton').click(function() {
                        $(".feedbackOption").append(
                            '<div class="form-group col-md-12"><input type="text" class="form-control" name="option[]" placeholder="Enter your option" required></div>'
                        );
                    });
                });
                $(document).ready(function() {
                    $('#dataTable').DataTable({
                        order: [
                            [0, 'desc']
                        ],
                    });
                });
            </script>

            <!-- #/ container -->
        </div>
        <!--**********************************
                                                          Content body end
                                                      ***********************************-->
    @endif
@endsection