@extends('layout.layout')
@section('content')
<div class="container-fluid show-question-container">
    @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 class="row row-questions">
        @if(count($showChapters) != 0)
        @foreach ($showChapters as $chapter)
        <div class="col-lg-4 col-md-4 col-sm-4 col-4 cards-for-question-dashboard mt-3">
            <h1 class="text-warning text-center">Ai accesat capitolul: {{ $chapter->chapter_id }} <span class="text-white"
                    style="font-size:40px;">{{$chapter->chapter_name}}</span></h1>
            <p>Nume-> <span class="text-warning">{{ $chapter->chapter_name }}</span> </p>
            <p>Fila atasata-> <span class="text-warning">{{substr($chapter->chapter_file,16)}} </span></p>
            <p>Testul capitolului-> <span class="text-warning">{{  $chapter->test_name  }} </span></p>
            <p>Cate intrebari corecte are testul-> <span class="text-warning">{{  $chapter->test_min_questions  }}</span></p>
            <p>Cate intrebari se afiseaza din test-> <span class="text-warning">{{  $chapter->test_questions  }} </span>
            </p>
            <p>Descrierea capitolului-> <span class="text-warning">{!! $chapter->chapter_description !!} </span></p>
            <button class="btn btn-success" data-bs-toggle="modal"
                data-bs-target="#editeazaChapter{{$chapter->chapter_id}}">Editeaza<i class="fas fa-edit"></i></button>
            <button class="btn btn-warning" data-bs-toggle="modal"
                data-bs-target="#editeazaFile{{$chapter->chapter_id}}">Editeaza fila din curs<i
                    class="fas fa-edit"></i></button>
            <button class="btn btn-danger mt-2" data-bs-toggle="modal"
                data-bs-target="#deleteChapter{{$chapter->chapter_id}}">Sterge toate datele capitolului<i class="fas fa-trash"></i></button>
        </div>

        <div class="modal fade modalforeditquestions" id="editeazaChapter{{$chapter->chapter_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 capitolul <span
                                class="fw-bold">{{ $chapter->chapter_name }}</span></h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="/editeaza-capitol" method="POST">
                        @csrf
                        <div class="modal-body">
                            <input type="hidden" name="chapter_id" value="{{$chapter->chapter_id}}">
                            <label for="">Editeaza capitolul</label>
                            <input type="text" class="form-control" name="chapter_name"
                                placeholder="{{$chapter->chapter_name}}" value="{{$chapter->chapter_name}}">
                            <label for="">Editeaza testul capitolului(optional)</label>
                            <select name="alege_test" id="" class="form-control">
                                <option value="{{$chapter->test_id}}" selected> {{ $chapter->test_name }} </option>
                                @foreach ($tests as $test)
                                <option value="{{$test->id}}"> {{ $test->name }} </option>
                                @endforeach
                            </select>
                            <label class="mt-2" for="">Editeaza descriere</label>
                            <textarea name="chapter_description" id="" cols="30" rows="10" id="chapter_description"
                                class="description mt-2">
                            {!! $chapter->chapter_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>

        <div class="modal fade modalforeditquestions" id="editeazaFile{{$chapter->chapter_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 fila capitolului <span
                                class="fw-bold">{{ $chapter->chapter_name }}</span></h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="/edit_file_chapter" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="modal-body">
                            <input type="hidden" name="chapter_id" value="{{$chapter->chapter_id}}">
                            <p>Fila curenta este: <span
                                    class="fw-bold text-dark">{{substr($chapter->chapter_file,16)}}</span></p>
                            <label for="">Editeaza fila capitolul</label>
                            <input id="file_chapter" type="file"
                                class="form-control inputs-answer questionType only-this-reseted" name="file">
                            <div class="input-group-append">
                                <button type="button" class="btn btn-secondary btnQuestion-styled"
                                    id='file_chapter_button' onclick="document.getElementById('file_chapter').click();"
                                    style="width: 100%;">Selectează filă</button>
                            </div>
                        </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 fila</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="deleteChapter{{$chapter->chapter_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">Esti sigur ca vrei sa stergi toate datele capitolului {{ $chapter->chapter_name }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="/erase_chapter_data" method="POST">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="id" value="{{ $chapter->chapter_id }}">
                        <input type="hidden" name="file" value="{{ $chapter->chapter_file }}">
                        <input type="hidden" name="course_id" value="{{ $chapter->course_id }}">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger">Sterge</button>
                    </div>
                </form>
                </div>
            </div>
        </div>

        @endforeach
        @else
        <h3 class="text-danger fw-bold">Momentan acest curs nu are capitole!</h3>
        @endif
    </div>
</div>
@endsection