@extends("layouts.app")
@section("title")
Articles
@endsection
@section("content")
    @php
    if(isset($_GET['resource_type_id'])){
        $resource_type_id = $_GET['resource_type_id'];
    }else{
        $resource_type_id = 0;
    }
    @endphp

{{--    if source page it will have resource type id--}}
    @if($resource_type_id != 0)
        @if(Auth::check() && Auth::user()->role_id ==1)
        <div class="row">
            <div class="form-group col-xl-12 col-lg-12 order-lg-12 order-xl-12">
                <button class="btn btn-primary" id="publish">Publish all ready to be published publications</button>
            </div>
        </div>
        @endif
        <div class="row">

            @foreach($data['sources'] as $source)
            <div class="col-xl-4 col-lg-4 order-lg-2 order-xl-1">
                    <!--begin:: Widgets/Profit Share-->
                <div class="kt-portlet kt-portlet--height-fluid" style="height: 250px">
                    <div class="kt-widget14">
                        <div class="kt-widget14__header">

                            <h3 class="kt-widget14__title">
                               <a target="_blank" href="{{url("view?view=Article&source_id=$source->name")}}"> {{$source->name}}</a>
                            @if($source->status == "suspended")
                               <small > (<span style="color:red">{{$source->status}}</span>)</small>
                            @endif
                            </h3>
                        </div>
                        <div class="kt-widget14__content">
                            <div class="kt-widget14__chart">
                                <div class="kt-widget19__userpic">
                                    <a target="_blank" href="{{url("view?view=Article&source_id=$source->name")}}">
                                        <img src="{{$source->source_image}}" style="width:100px;height:auto" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="kt-widget14__legends">
                                <div class="kt-widget14__legend">
                                    <span class="kt-widget14__bullet kt-bg-success"></span>
                                    <span class="kt-widget14__stats">{{$source->published}} Published</span>
                                </div>
                                <div class="kt-widget14__legend">
                                    <span class="kt-widget14__bullet kt-bg-warning"></span>
                                    <span class="kt-widget14__stats">{{$source->ready_to_be_published}} Ready to be published</span>
                                </div>
                                <div class="kt-widget14__legend">
                                    <span class="kt-widget14__bullet kt-bg-brand"></span>
                                    <span class="kt-widget14__stats">{{$source->in_review}} In review</span>
                                </div>
                              <!--   <div class="kt-widget14__legend">
                                    <span class="kt-widget14__bullet kt-bg-danger"></span>
                                    <span class="kt-widget14__stats">{{$source->rejected}} Rejected</span>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            <!--end:: Widgets/Profit Share-->
            </div>
            @endforeach

        </div>
{{--        else it will be resource types page--}}
    @else
        <div class="row">

            @foreach($data['resource_types'] as $resource_type)
                <div class="col-xl-4 col-lg-4 order-lg-2 order-xl-1">
                    <!--begin:: Widgets/Profit Share-->
                    <div class="kt-portlet kt-portlet--height-fluid" style="height: 250px">
                        <div class="kt-widget14">
                            <div class="kt-widget14__header">
                                <h3 class="kt-widget14__title">
                                    <a target="_blank" href="{{url("view?view=Article-sources&resource_type_id=$resource_type->id")}}"> {{$resource_type->name_en}}</a>
                                    @if($resource_type->status == "suspended")
                                        <small > (<span style="color:red">{{$resource_type->status}}</span>)</small>
                                    @endif
                                </h3>
                            </div>
                            <div class="kt-widget14__content">

                                <div class="kt-widget14__legends">
                                    <div class="kt-widget14__legend">
                                        <span class="kt-widget14__bullet kt-bg-success"></span>
                                        <span class="kt-widget14__stats">{{$resource_type->published}} Published</span>
                                    </div>
                                    <div class="kt-widget14__legend">
                                        <span class="kt-widget14__bullet kt-bg-warning"></span>
                                        <span class="kt-widget14__stats">{{$resource_type->ready_to_be_published}} Ready to be published</span>
                                    </div>
                                    <div class="kt-widget14__legend">
                                        <span class="kt-widget14__bullet kt-bg-brand"></span>
                                        <span class="kt-widget14__stats">{{$resource_type->in_review}} In review</span>
                                    </div>
                                <!--   <div class="kt-widget14__legend">
                                    <span class="kt-widget14__bullet kt-bg-danger"></span>
                                    <span class="kt-widget14__stats">{{$resource_type->rejected}} Rejected</span>
                                </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end:: Widgets/Profit Share-->
                </div>
            @endforeach

        </div>

    @endif
@endsection
@section("script")
<script type="text/javascript">
$( "#publish" ).on( "click", function() {
    Swal.fire({
      title: 'Are you sure?',
      type: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#3085d6',
      cancelButtonColor: '#d33',
      confirmButtonText: 'Yes'
    }).then((result) => {
      if (result.value) {
            $.ajax({
              url: "{{url("publishAll")}}"
            })
              .done(function( data ) {
                location.reload()
              });
        }
    });
});
</script>

@endsection