@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('Import predavanja') }}
@endsection

@section('title')
    Import lekcija
@endsection

@section('content')
<div class="col-12">
    <!-- table-tools -->
    <div class="row">
        <button class="btn btn-sm btn-success" data-toggle="modal" data-target="#modalImportLessons">Import predavanja</button>
    </div>
    <!-- table-tools end -->
</div>


<div class="row">
    <div class="col-xs-5 col-lg-3 pull-right" style="padding-top: 29px">
        <form method="get" action="" class="mb10">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search for..." name="search" value="{!! request()->search ?? '' !!}">
                <span class="input-group-btn">
                    <button class="btn btn-default">Go!</button>
                </span>
            </div>
            {{-- <input type="hidden" name="filter" value=""> --}}
        </form>
    </div>
</div>

<div class="row">
    <div class="col" style="padding-top: 29px">
        <h2>Importovane lekcije</h2>
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th class="text-center"><input type="checkbox" id="check-all"></th>
                    <th>ID</th>
                    <th>ID stari</th>
                    <th>Naziv</th>
                    <th>Tip</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($exportLessons as $item)
                <tr>
                    <td class="text-center"><input type="checkbox" class="exp-lessons" value="{{ $item->id }}"></td>
                    <td>{{ $item->id }}</td>
                    <td>{{ $item->old_id }}</td>
                    <td>{{ $item->title }}</td>
                    <td>{{ $item->module }}</td>
                </tr>   
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<div class="row">
    <div class="col">
        <form action="{{ route('cms.import.lectures.send') }}" method="POST">
            @csrf
            <input type="hidden" name="ids" id="ids" value="">
            <button type="submit" class="btn btn-success">Prebaci u predavanja</button>
        </form>
    </div>
</div>

<div id="modalImportLessons" class="modal fade" tabindex="-1" role="dialog">
    <form method="POST" action="{{ route('cms.import.lectures.insert') }}" enctype="multipart/form-data">
    @csrf
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Import predavanja</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">
                    <label for="exampleFormControlFile1">Import predavanja</label>
                    <input type="file" class="form-control-file" name="lessons_sql" id="lessons_sql" required accept=".sql" />
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-sm">Unesi</button>
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Zatvori</button>
            </div>
        </div>
    </div>
    </form>
</div>

@endsection

@section('scripts')
<script>
var expLessons = [];

$(document).on('click', '.exp-lessons', function (e) {
    expLessons = [];

    $(".exp-lessons:checked").each(function(){
        expLessons.push($(this).val());
    });

    $('#ids').val(expLessons);

    console.log(expLessons);
});

$(document).on('click', '#check-all', function (e) {
    $('.exp-lessons').not(this).prop('checked', this.checked);

    expLessons = [];
    $(".exp-lessons:checked").each(function(){
        expLessons.push($(this).val());
    });

    $('#ids').val(expLessons);
    console.log(expLessons);
});
</script>
@endsection