@extends('dashboard.layouts.master')

@section('content')

@php 
$usersss = auth()->user()->hasRole('super_admin');
@endphp
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{__('admin.All Journals')}}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('admin.Home')}}</a></li>
                        <li class="breadcrumb-item active">{{__('admin.All Journals')}}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="card">
            @if ($usersss)

            <div class="card-header">
                <h3 class="card-title">{{__('admin.All Journals')}}</h3>
                <div class="card-tools">
                    <a href="{{ route('admin.journal.create') }}" class="btn btn-primary create add-permission">
                        <i class="ti-plus"></i> {{__('admin.create new journal')}}
                    </a>
                </div>
            </div>
           
            @endif
            <div class="card-body">

                <table id="dataTable" class="table table-striped table-bordered nowrap text-center">
                    <thead>
                    <tr role="row">
                        <th>{{__('admin.nickname')}} </th>
                        <th> {{__('admin.Title')}}</th>
                        @if ($usersss)
                        <th> {{__('admin.status')}}</th>
                        <th> {{__('admins')}}</th>
                        @endif
                        <th> {{__('admin.Controll')}}</th>
                        @if ($usersss)
                        <th> {{__('delete')}}</th>
                        @endif
                        
                    </tr>
                    </thead>
                    {{--<tbody>--}}
                    {{--@foreach ($journals as $journal)--}}
                        {{--<tr>--}}
                            {{--<td>{{ $journal->nickname }}</td>--}}
                            {{--<td>--}}
                                {{--{{ $journal->title }}--}}
                            {{--</td>--}}
                            {{--<td>--}}
                                {{--{{ $journal->place }}--}}
                            {{--</td>--}}
                            {{--<td>--}}
                                {{--{{ $journal->type }}--}}
                            {{--</td>--}}
                            {{--<td>--}}

                                {{--<div class="media-body icon-state">--}}
                                    {{--<label class="switch"> <input type="checkbox" @if($journal->status == 1)checked @endif data-id="{{$journal->id}}" id="customSwitch4" /><span class="switch-state bg-primary"></span> </label>--}}
                                {{--</div>--}}

                            {{--</td>--}}

                            {{--<td>--}}

                                {{--<button type="button" class="btn btn-sm btn-info card-tools chooseAdmin" data-id="{{$journal->id}}" data-type="admin" data-toggle="modal" data-target="#exampleModal">--}}
                                    {{--Admin--}}
                                {{--</button>--}}

                                {{--<button type="button" class="btn btn-sm btn-info card-tools chooseAdmin" data-id="{{$journal->id}}" data-type="arbitrator" data-toggle="modal" data-target="#exampleModal">--}}
                                    {{--Arbitrator--}}
                                {{--</button>--}}

                                {{--<button type="button" class="btn btn-sm btn-info card-tools chooseAdmin" data-id="{{$journal->id}}" data-type="editor" data-toggle="modal" data-target="#exampleModal">--}}
                                    {{--Editor--}}
                                {{--</button>--}}

                                {{--<button type="button" class="btn btn-sm btn-info card-tools chooseAdmin" data-id="{{$journal->id}}" data-type="research" data-toggle="modal" data-target="#exampleModal">--}}
                                    {{--Researches--}}
                                {{--</button>--}}

                                {{--<a class="btn btn-info btn-sm" href="{{route('admin.journal.edit', $journal->id)}}">--}}
                                    {{--<i class="fas fa-pencil-alt">--}}
                                    {{--</i>--}}
                                {{--</a>--}}
                                    {{--<form action="{{ route('admin.journal.destroy', $journal->id) }}"--}}
                                          {{--method="post" style="display: inline-block;">--}}
                                        {{--{{ method_field('delete') }}--}}
                                        {{--{{ csrf_field() }}--}}
                                        {{--<button type="submit"--}}
                                                {{--class="btn  modal-effect btn btn-sm btn-danger">--}}
                                            {{--<i class="fas fa-trash">--}}
                                            {{--</i>--}}
                                        {{--</button>--}}
                                         {{--<input class="modal-effect btn btn-sm btn-danger"  ><i--}}
                                                {{--class="las la-pen"></i></a>--}}
                                    {{--</form>--}}

                            {{--</td>--}}
                        {{--</tr>--}}
                    {{--@endforeach--}}
                    {{--</tbody>--}}
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>
    <!-- /.content -->
    @include('dashboard.journals.modal')

@endsection


@push('scripts')
    <script  type="text/javascript">
        $(function() {
            $('#dataTable').DataTable({
                order:[[0,'desc']],
                processing: true,
                serverSide: true,
                ajax: '{{ route('admin.journal.index') }}',
                columns: [
                    {data: 'nickname', name: 'Nickname'},
                    {data: 'title', name: 'title'},
                    @if ($usersss)
                    {data: 'status', name: 'status'},
                    {data: 'admin', name: 'admins'},
                     @endif
                    {data: 'controll', name: 'controll'},
                    @if ($usersss)
                    {data: 'delete', name: 'delete', orderable: true, searchable: true},
                     @endif
                    

                ]
            });
        });
    </script>

    <script type="text/javascript">

        $("body").on('change','#customSwitch4', function() {
            var status=$(this).is(':checked');
            var id=$(this).attr('data-id');

            $.ajax({
                url:'{{route('admin.journal-change-status')}}',
                type:'get',
                data:{id:id,active:status},
                success:function (data){
                    console.log(data);
                    new Noty({
                        type: 'success',
                        layout: "topRight",
                        text: "{{ __('site.change_status_successfully') }}",
                        timeout: 2000,
                        killer: true
                    }).show();
                    $('.basic-2').ajax.reload();
                    // location.reload();
                }
            });
        })


        $("body").on('click', '.chooseAdmin', function () {
            var id = $(this).attr('data-id');
            var type = $(this).attr('data-type');

            $('#journal_id').val(id)
            $('#type').val(type)

            $.ajax({
                url:'{{route('admin.journal.get.admin')}}',
                type:'get',
                data:{id:id,type:type},
                success:function (data){
                    $('#search').empty();
                    if (data.length != 0){
                    } $.each(data, function (i, item) {

                        var newOption = new Option(item.admin['name'], item.admin['id'], true, true);
                        $('#search').append(newOption).trigger('change');

                    });
                }
            });

        })


    </script>
@endpush