@extends('layout.layout')
@section('content')
<div class="container-fluid show-question-container">
<h4 class="text-center">De preferat este ca atunci cand un curs ia sfarsit sa fie sters</h4>
    @if($errors->has('success'))
    @foreach ($errors->all() as $error)
    <div style="display:flex;justify-content:center;">
        <div class="alert alert-success text-center fw-bold text-dark w-50" role="alert">
            {{ $error }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"
                style="float: right;font-size:16px;"></button>
        </div>
    </div>
    @endforeach
    @endif
    @if($errors->has('error'))
    @foreach ($errors->all() as $error)
    <div style="display:flex;justify-content:center;">
        <div class="alert alert-danger text-center fw-bold text-dark w-50" role="alert">
            {{ $error }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"
                style="float: right;font-size:16px;"></button>
        </div>
    </div>
    @endforeach
    @endif
    <div id="errors-course-edits"></div>
    <div class="row row-questions" id="refreshed">
        @if(count($showCourses) != 0)
        @foreach ($showCourses as $course)
        <div class="cards-for-question-dashboard mt-3" style="width: 100%;">
            <h1 class="text-warning text-center">Ai accesat cursul: <span class="text-white"
                    style="font-size:40px;">{{$course->name}}</span></h1>
            <p>Nume-> <span class="text-warning">{{ $course->name }}</span></p>
            <p>Zile valabile curs-> <span class="text-warning">{{ $course->days }}</span></p>
            <p>Cursul este activ?-> <span class="text-warning">@if($course->activ == 1) Da @else <span class="text-danger">Nu</span> @endif</span>
            <p>Testul cursului se numeste-> <span class="text-warning">@if($course->test_id == 0)Acest curs nu are test @else {{ $course->test_name }}  @endif</span></p>
            @if($course->has_test == 1 && $course->test_activ == 1)
            <p>Testul este activ -> <span class="text-warning"> @if($course->test_activ == 1) Da @else Nu @endif</span></p>
            <p>Pentru a trece testul trebuie minim -> <span class="text-warning">{{ $course->test_min_questions }} intrebari corecte </span></p>
            <p>Intrebari afisate pe test ->  <span class="text-warning">{{ $course->test_questions }}</span></p>
            @endif
            </p>
            <p>Descrierea capitolului-> <span class="text-warning">{!! $course->description !!} </span></p>
            <button class="btn btn-success" data-bs-toggle="modal"
                data-bs-target="#editeazaCourse{{$course->id}}">Editeaza curs<i class="fas fa-edit"></i></button>
            <button class="btn btn-danger" data-bs-toggle="modal"
                data-bs-target="#stergeCourse{{$course->id}}">Sterg curs<i class="fas fa-trash"></i></button>
            <button class="btn btn-primary" data-bs-toggle="modal"
                data-bs-target="#editeazaTest{{$course->id}}">Editeaza test<i class="fas fa-edit"></i></button>
                @if($course->activ == 0)
            <button class="btn btn-warning" data-id="{{$course->id}}" data-activare='1'
                        onclick="button_activare(this)">Activeaza curs<i class="fas fa-edit"></i></button>
                @else
            <button class="btn btn-danger" data-id="{{$course->id}}" data-dezactivare='0'
                        onclick="button_dezactivare(this)">Inactiveaza curs<i class="fas fa-edit"></i></button>
                @endif
                @if($course->has_test == 0 || $course->test_id == null)
            <button class="btn btn-warning mt-2" data-bs-toggle="modal"
                data-bs-target="#asigneazaTest{{$course->id}}">Asigneaza test<i class="fas fa-edit"></i></button>
                @endif
                @if($course->activ == 0)
                <span class="dot red hovertext" data-hover="Culoarea rosie semnifica ca acest curs este inactiv"></span>
                @else
                <span class="dot green hovertext" data-hover="Culoarea verde semnifica ca acest curs este activ"></span>
                @endif
        </div>

        <!-- EDIT COURSE Modal -->
            <div class="modal fade" id="editeazaCourse{{$course->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Editeaza cursul {{ $course->name }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="/edit-courses" method="POST">
                    @csrf
                    <input type="hidden" name="course_id" value="{{$course->id}}">
                    <div class="modal-body">
                            <label for="">Editeaza numele cursului</label>
                            <input type="text" name="name" placeholder="{{$course->name}}" value="{{$course->name}}" class="form-control">
                            <label for="" class="mt-2">Editeaza in cate zile expira cursul</label>
                            <input type="text" name="days" placeholder="{{$course->days}}" value="{{$course->days}}" class="form-control">
                            <label for="" class="mt-2">Editeaza descrirea</label>
                            <textarea name="course_description" id="" cols="30" rows="10" id="course_description"
                                class="description mt-2">
                            {!! $course->description !!}
                            </textarea>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                            <button type="submit" class="btn btn-success">Editeaza</button>
                        </div>
                </form>
                </div>
            </div>
            </div>

             <!-- DELETE COURSE Modal -->
             <div class="modal fade" id="stergeCourse{{$course->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Sterge cursul {{ $course->name }},stergerea cursului va sterge toate capitolele ce apartin acestui curs</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="/erase-course-data" method="POST">
                    @csrf
                    <input type="hidden" name="course_id" value="{{$course->id}}">
                    <div class="modal-body">
                        <h4 class="text-danger">Esti sigur ca vrei sa stergi cursul si toate capitolele acestuia?</h4>
                    </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                            <button type="submit" class="btn btn-danger">Sterge</button>
                        </div>
                </form>
                </div>
            </div>
            </div>

            <!-- EDIT TEST Modal -->
                <div class="modal fade" id="editeazaTest{{$course->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Editeaza testul cu numele {{ $course->test_name }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="/edit-test-course" method="POST">
                        @csrf
                        <div class="modal-body">
                        <input type="hidden" value="{{ $course->test_id }}" id="id" name="test_id">
                        <label for="">Introduceti nume nou(optional)</label>
                        <input type="text" class="form-control" name="name" placeholder="Nume nou" value="{{$course->test_name}}">
                        <label for="">Schimba numarul de puncte(optional)</label>
                        <input type="text" class="form-control" name="min_questions" placeholder="Schimba numarul de puncte" value="{{$course->test_min_questions}}">
                        <label for="">Schimba numarul de intrebari afisate pe test(optional)</label>
                        <input type="text" class="form-control" name="questions" placeholder="Schimba numarul de intrebari afisate" value="{{$course->test_questions}}">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">inchide</button>
                        <button type="submit" class="btn btn-success">Editeaza</button>
                    </div>
                    </form>
                    </div>
                </div>
                </div>

                <!-- Asign test Modal -->
            <div class="modal fade" id="asigneazaTest{{$course->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Asigneaza un test</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="/asign-course-test" method="POST">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="course_id" value="{{$course->id}}">
                        <label for="">Asigneaza un test cursului cu numele : {{ $course->name }}</label>
                        <select name="asign_test" id="" class="form-control">
                            <option value="">Alege test</option>
                            @foreach ($tests as $test)
                                <option value="{{$test->id}}">{{ $test->name }}</option>                                
                            @endforeach
                        </select>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                        <button type="submit" class="btn btn-success">Salveaza</button>
                    </div>
                </form>
                </div>
            </div>
            </div>
        @endforeach
        @else
        <h3 class="text-danger fw-bold">Momentan nu exista cursuri!</h3>
        @endif
    </div>
</div>
@push('js')
    <script>
        function button_activare(course) {

        let button_activare = $(course).attr('data-activare');
        let id = $(course).attr('data-id');

        $.ajax({
            url: '/course/activare',
            method: 'POST',
            data: {
                button_activare,
                id,

                "_token": "{{ csrf_token() }}"
            }
        }).done(function (response) {
            $("#errors-course-edits").html(response.mesaj);
            $("#errors-course-edits").fadeTo(2000, 500).slideUp(500);
            $("#errors-course-edits").slideUp(500);
            $("#refreshed").load(window.location + " #refreshed");
        });

}

function button_dezactivare(course) {

let button_dezactivare = $(course).attr('data-dezactivare');
let id = $(course).attr('data-id');

$.ajax({

    url: '/course/dezactivare',
    method: 'POST',
    data: {
        button_dezactivare,
        id,

        "_token": "{{ csrf_token() }}"
    }
}).done(function (response) {
    $("#errors-course-edits").html(response.mesaj);
    $("#errors-course-edits").fadeTo(2000, 500).slideUp(500);
    $("#errors-course-edits").slideUp(500);
    $("#refreshed").load(window.location + " #refreshed");
});
}
    </script>
@endpush
@endsection