@extends('layouts.dashboard')

@section('title-content')
    <title>{{ config('app.name') }} | Results Issues</title>
@endsection

@section('css')
    <style>
        .blockquote-custom {
            position: relative;
            font-size: 1rem;
        }
    </style>
@endsection

@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="boxpane">
                <div class="boxpane-header">
                    <h2 class="blue"><i class="fa-fw fa fa-cog"></i>
                        Result Issues
                    </h2>

                    <div class="boxpane-icon">
                        <h2 class="blue"></h2>
                    </div>
                </div>
                <div class="boxpane-content">
                    <div class="row">
                        <div class="col-md-8">

                            <div class="card mb-5">
                                <div class="card-header">
                                    Details
                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <table class="table">
                                                <tbody>
                                                    <tr>
                                                        <th scope="row" class="=col-md-4">Issued By</th>
                                                        <td class="font-weight-bold col-md-8">
                                                            {{ $issue->issuedBy->full_name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row" class="=col-md-4"> Course</th>
                                                        <td class="font-weight-bold col-md-8">
                                                            {{ $issue->course->course_name }}
                                                            ({{ $issue->course->course_code }})</td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row" class="=col-md-4"> Instructor</th>
                                                        <td class="font-weight-bold col-md-8">
                                                            {{ $issue->instructor ? $issue->instructor->user->full_name : '' }}
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row" class="=col-md-4">Issue Date</th>
                                                        <td class="font-weight-bold col-md-8">
                                                            {{ \Carbon\Carbon::parse($issue->created_at)->format('d-M-Y h:i') }}
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row" class="=col-md-4">Issue Status</th>
                                                        @if ($issue->issue_status == 1)
                                                            <td class="font-weight-bold col-md-8">Open Issue</td>
                                                        @else
                                                            <td class="font-weight-bold col-md-8">Closed Issue</td>
                                                        @endif
                                                    </tr>
                                                    <tr>
                                                        <th scope="row" class="=col-md-4">Attachment</th>
                                                        @if ($issue->file_path == null)
                                                            <td class="font-weight-bold col-md-8"> No Attachment</td>
                                                        @else
                                                            <td class="font-weight-bold col-md-8"><a type="button"
                                                                    data-toggle="modal" data-target="#exampleModalCenter"
                                                                    href="#">Click to View Attachment</a> </td>
                                                            <div class="modal fade " id="exampleModalCenter" tabindex="-1"
                                                                role="dialog" aria-labelledby="exampleModalCenterTitle"
                                                                aria-hidden="true">

                                                                <div class="modal-dialog modal-lg ">
                                                                    <div class="modal-content">
                                                                        <img src="{{ asset($issue->file_path) }}">
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        @endif
                                                    </tr>
                                                    <tr>
                                                        <th scope="row" class="=col-md-4">Issue Description</th>
                                                        <td class="col-md-8">
                                                            <div class="alert alert-warning" role="alert">
                                                                <p class="font-italic justify-content-center">
                                                                    {{ $issue->issue_description }}</p>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    Total Comment available: <b>{{ count($issue->comments) }}</b>
                                </div>

                                <div class="card-body scrollable">
                                    <div class="row">
                                        {{-- @dd($issue->comments) --}}
                                        <div class="col-md-12 mb-3 overflow-auto" style="height: 500px">
                                            @foreach ($issue->comments as $comment)
                                                <div class="alert alert-primary" role="alert">
                                                    <div class="row comment">
                                                        <div class="head">
                                                            <small><strong
                                                                    class='user'>{{ $comment->commenter->full_name }} (
                                                                    <b>
                                                                        @if ($comment->posted_by == '2')
                                                                            Registrar
                                                                        @elseif($comment->posted_by == '3')
                                                                            Registrar
                                                                        @elseif($comment->posted_by == '4')
                                                                            Daec
                                                                        @elseif($comment->posted_by == '7')
                                                                            Instructor
                                                                        @endif

                                                                    </b>)
                                                                </strong>posted: {{ $comment->created_at }}
                                                            </small>
                                                        </div>
                                                        <p class="mb-0 font-italic justify-content-center">"
                                                            {{ $comment->comments }} "</p>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="row">
                                        @hasanyrole('DAEO|HOD')
                                            <div class="col-md-6 mb-3">
                                                {!! Form::open([
                                                    'url' =>
                                                        'dashboard/result-issues/' . $srs->encode($issue->course_id) . '/' . $srs->encode($issue->id) . '/comments',
                                                    'class' => 'daec-comment',
                                                    'method' => 'POST',
                                                    'role' => 'form',
                                                    'enctype' => 'multipart/form-data',
                                                    'id' => 'daec-comment-form',
                                                ]) !!}
                                                <div class="row">
                                                    <div class="col-sm-12">
                                                        {!! Form::hidden('action', null, ['class' => 'action_type']) !!}

                                                        <div class="form-group">
                                                            {!! Form::label('comment', 'My Comment *', ['class' => 'text-primary']) !!}
                                                            {!! Form::textarea(
                                                                'comment',
                                                                null,
                                                                $errors->has('comment')
                                                                    ? [
                                                                        'class' => 'form-control
                                                                                                                                                                            is-invalid',
                                                                        'id' => 'comment',
                                                                        'rows' => '8',
                                                                    ]
                                                                    : ['class' => 'form-control', 'id' => 'comment', 'rows' => '8'],
                                                            ) !!}
                                                        </div>

                                                        <div class="form-group">
                                                            {!! Form::label('instructor', 'Instructor', ['class' => 'text-primary']) !!}

                                                            <select class="form-control instructor-select2" name="instructor">
                                                                @foreach ($instructors as $instructor)
                                                                    <option value="{{ $instructor->id }}">
                                                                        {{ $instructor->full_name }}
                                                                    </option>
                                                                @endforeach

                                                            </select>
                                                        </div>
                                                        <div class="form-group pull-right">
                                                            @if ($issue->issue_status === '6')
                                                                {{ Form::button('Reject', ['type' => 'submit', 'class' => 'btn btn-warning daec-reject-btn']) }}
                                                            @endif
                                                            {{ Form::button('Accept', ['type' => 'submit', 'class' => 'btn btn-primary daec-accept-btn']) }}
                                                        </div>
                                                    </div>
                                                </div>
                                                {!! Form::close() !!}
                                            </div>
                                        @endhasanyrole

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @hasanyrole('Registrar')
                        <div class="row mt-4">
                            <div class="col-md-12">
                                @if ($issue->issue_status === '1')
                                    <button type="button" class="btn btn-success pull-right " data-toggle="modal"
                                        data-target="#fowardDaec"> <i class="fa fa-send"></i> Forward to Daec</button>
                                    <button type="button" class="btn btn-danger pull-right mr-3" data-toggle="modal"
                                        data-target="#rejectdRegistrar"><i class="fa fa-window-close"></i> Reject</button>
                                @elseif($issue->issue_status === '7')
                                    <button type="button" class="btn btn-success pull-right " data-toggle="modal"
                                        data-target="#fowardStudent"> <i class="fa fa-send"></i> Forward to Student</button>
                                    <button type="button" class="btn btn-danger pull-right mr-3" data-toggle="modal"
                                        data-target="#rejectdStudent"><i class="fa fa-window-close"></i> Reject back to
                                        Daec</button>
                                @endif
                                <div class="modal fade " id="fowardDaec" tabindex="-1" role="dialog"
                                    aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                    <div class="modal-dialog modal-lg ">
                                        {!! Form::open(['route' => 'dashboard.result-issue.post', 'method' => 'POST', 'enctype' => 'form-data']) !!}
                                        <input type="hidden" name="issue_id" value="{{ $issue->id }}">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Forward Result Issue to Daec</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="form-group">
                                                    {!! Form::label('placeOfDeath', 'Forward with comment (if any)') !!}
                                                    {!! Form::textarea('comment', null, ['class' => 'form-control', 'rows' => 4, 'cols' => 40]) !!}
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                {!! Form::button('Forward Complain', ['type' => 'submit', 'class' => 'btn btn-primary pull-right']) !!}
                                                <button type="button" class="btn btn-secondary"
                                                    data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                                <div class="modal fade " id="fowardStudent" tabindex="-1" role="dialog"
                                    aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                    <div class="modal-dialog modal-lg ">
                                        {!! Form::open(['route' => 'result-issues.post-student', 'method' => 'POST', 'enctype' => 'form-data']) !!}
                                        <input type="hidden" name="issue_id" value="{{ $issue->id }}">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Forward Result Issue Back to Student</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="form-group">
                                                    {!! Form::label('placeOfDeath', 'Forward with comment (if any)') !!}
                                                    {!! Form::textarea('comment', null, ['class' => 'form-control', 'rows' => 4, 'cols' => 40]) !!}
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                {!! Form::button('Forward Complain', ['type' => 'submit', 'class' => 'btn btn-primary pull-right']) !!}
                                                <button type="button" class="btn btn-secondary"
                                                    data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                                <div class="modal fade " id="rejectdStudent" tabindex="-1" role="dialog"
                                    aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                    <div class="modal-dialog modal-lg ">
                                        {!! Form::open(['route' => 'result-issues.post-daec', 'method' => 'POST', 'enctype' => 'form-data']) !!}
                                        <input type="hidden" name="issue_id" value="{{ $issue->id }}">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Reject Result Complain and returned to Daec</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="form-group">
                                                    {!! Form::label('placeOfDeath', 'Return with comment (if any)') !!}
                                                    {!! Form::textarea('comment', null, ['class' => 'form-control', 'rows' => 4, 'cols' => 40]) !!}
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                {!! Form::button('Reject Complain', ['type' => 'submit', 'class' => 'btn btn-danger pull-right']) !!}
                                                <button type="button" class="btn btn-secondary"
                                                    data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                @endhasanyrole
            </div>
        </div>
    </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('assets/dashboard/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/dataTables.bootstrap4.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#daec-comment-form').on('click', '.daec-reject-btn', function(e) {
                e.preventDefault();
                e.stopPropagation();
                $('#daec-comment-form').find(".action_type").val('reject');
                $('#daec-comment-form').submit();
            });

            $('#daec-comment-form').on('click', '.daec-accept-btn', function(e) {
                e.preventDefault();
                e.stopPropagation();
                $('#daec-comment-form').find(".action_type").val('accept');
                $('#daec-comment-form').submit();
            });

            $('#admTable1').DataTable({
                processing: true,
                serverSide: true,
                responsive: true,
                ajax: {
                    url: '{{ route('result-issues.courses') }}'
                },
                columns: [{
                        data: 'DT_RowIndex',
                        searchable: false,
                        orderable: false
                    },
                    {
                        data: 'course_name',
                        name: 'full_name',
                        searchable: false
                    },
                    {
                        data: 'program_name',
                        name: 'gender',
                        searchable: false
                    },
                    {
                        data: 'academic_year',
                        name: 'reg_no'
                    },
                    {
                        data: 'semester',
                        name: 'program_acronym',
                        searchable: false
                    },
                    {
                        data: 'actions',
                        name: 'actions',
                        searchable: false,
                        orderable: false
                    }
                ]
            });
            $('#filter-form').on('submit', function(e) {
                admTable.draw();
                e.preventDefault();
            });
        });
    </script>
@endsection