@extends('Frontend.partials.layout')

@section('content')
{{-- product progressbar --}}
<section class="products-progressbar">
    <div class="row">
        <div class="col-md-8">
        @if(!empty($product))
            <div class="cui-example">
                <div class="row">
                    <div class="col-md">
                    @foreach($product as $pro)
                        <div class="card mb-3 dashboard-card">
                            <div class="card-header p-name">
                                <h3 class="card-title">{{ $pro['proName'] }}</h3>
                                @if($data['randomAnalysis'] == 1)
                                <div class="card-tools pull-right">
                                    <a href="{{ route('dashboard.changerandomstatus') }}" class="btn border border-warning text-center text-warning random_blinking">{{__('action.rancheckedmsg')}}</a>
                                </div>
                                @endif
                            </div>
                            <div class="card-body">
                                {{-- pre loader --}}
                                <div class="preloader">
                                    <img src="{!! asset('images/Fill-4.png') !!}" alt="">
                                </div>
                                <div class="row">
                                @if(!empty($pro['submenus']))

                                    <div class="col-md-12 col-xl-12">
                                        <div class="card mb-4">
                                            <div class="card-header text-center">
                                                <h5 class="m-0 d-inline-block">
                                                <a href="{{ route('dashboard.products', [$pro['proid']]) }}" style="color:#000;">{{ $pro['proName'] }}</a>
                                                </h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="progress">
                                                    @if($data['randomAnalysis'] == 1)
                                                        <div class="progress-bar" role="progressbar" style="width: 100%; background-color:gray" aria-valuenow="{{ $sub['anaRed']+$sub['anaOrange']+$sub['anaGreen'] }}" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="title pro-progress-title">{{ $pro['anaRed']+$pro['anaOrange']+$pro['anaGreen'] }}</span>
                                                        </div>

                                                    @else
                                                        <div class="progress-bar" role="progressbar" style="width: 100%; background-color:#E84E1B" aria-valuenow="{{ $sub['anaRed'] }}" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="title pro-progress-title">{{ $pro['anaRed'] }}</span>
                                                        </div>
                                                        <div class="progress-bar " role="progressbar" style="width: 100%; background-color: #F8B133" aria-valuenow="{{ $sub['anaOrange'] }}" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="title pro-progress-title">{{ $pro['anaOrange'] }}</span>
                                                        </div>
                                                        <div class="progress-bar" role="progressbar" style="width: 100%; background-color: #2FAB66" aria-valuenow="{{ $sub['anaGreen'] }}" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="title pro-progress-title">{{ $pro['anaGreen'] }}</span>
                                                        </div>
                                                    @endif

                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    @foreach($pro['submenus'] as $key => $sub)
                                    <div class="col-md-12 col-xl-6">
                                        <div class="card mb-4">
                                            <div class="card-header text-center">
                                                <h5 class="m-0 d-inline-block">
                                                <a href="{{ route('dashboard.product', [$pro['proid'], $sub['submenuId']]) }}" style="color:#000;">{{ $sub['submenuName']}}</a>
                                                </h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="progress">
                                                    @if($data['randomAnalysis'] == 1)
                                                        <div class="progress-bar" role="progressbar" style="width: 100%; background-color:gray" aria-valuenow="{{ $sub['anaRed'] }}" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="title pro-progress-title">{{ $sub['anaRed']+$sub['anaGreen']+$sub['anaOrange'] }}</span>
                                                        </div>
                                                    @else
                                                        <div class="progress-bar" role="progressbar" style="width: 100%; background-color:#E84E1B" aria-valuenow="{{ $sub['anaRed'] }}" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="title pro-progress-title">{{ $sub['anaRed'] }}</span>
                                                        </div>
                                                        <div class="progress-bar " role="progressbar" style="width: 100%; background-color: #F8B133" aria-valuenow="{{ $sub['anaOrange'] }}" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="title pro-progress-title">{{ $sub['anaOrange'] }}</span>
                                                        </div>
                                                        <div class="progress-bar" role="progressbar" style="width: 100%; background-color: #2FAB66" aria-valuenow="{{ $sub['anaGreen'] }}" aria-valuemin="0" aria-valuemax="100">
                                                            <span class="title pro-progress-title">{{ $sub['anaGreen'] }}</span>
                                                        </div>
                                                    @endif

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                    @endif

                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            @endif
        </div>
        {{-- include layout dashboard Right Section --}}
        @include('Frontend.partials.includes.layout-dashright')
    </div>
</section>
{{-- product progressbar / --}}
@endsection


@section('scripts')

<script>
    function deletePDF(id,pdf){

        Swal.fire({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
        }).then((result) => {

        if (result.value) {

            $.ajax({

            type: "POST",

            url: "{{ route('Aajax.deletePDF') }}",

            data: { id:id, pdfid:pdf },

            success: function(data) {

                Swal.fire(
                    'Deleted!', 'Your file has been deleted.', 'success'
                );

                $("#pdf"+id).remove();
            }

            });
        }
        })
    }

    
</script>

@endsection