@extends('Frontend.partials.layout')

@section('content')
{{-- dashboard progress --}}
<section class="products-progressbar">
    <div class="row">
        <div class="col-md-8">
            <div class="cui-example">
                <div class="row">
                    <div class="col-md">
                        <div class="card mb-3 dashboard-card">
                            <div class="card-header p-name">
                                <h3 class="card-title">{{ $product['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">
                                <div class="preloader">
                                    <img src="{!! asset('images/Fill-4.png') !!}" alt="">
                                </div>
                                <div class="row">
                                @if(!empty($submenu))

                                    <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', [$product['proid']]) }}" style="color:#000;">{{ $product['proName'] }}</a>
                                                </h5>
                                            </div>
                                            <div class="card-body customProgressView">
                                                {{--<div class="row">
                                                    <div class="col-4 col-md-4 px-0">
                                                        <div class="percentage text-right text-muted small">60</div>
                                                        <div class="progress custom_progressBar" >
                                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-4 col-md-4 px-0">
                                                        <div class="percentage text-right text-muted small">80</div>
                                                        <div class="progress custom_progressBar" >
                                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                    <div class="col-4 col-md-4 px-0">
                                                        <div class="percentage text-right text-muted small">35</div>
                                                        <div class="progress custom_progressBar">
                                                            <div class="progress-bar bg-success" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                </div>--}}
                                                <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">{{ $product['anaRed']+$product['anaGreen']+$product['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">{{ $product['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">{{ $product['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">{{ $product['anaGreen'] }}</span>
                                                        </div>
                                                    @endif

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


                                @foreach($submenu 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', [$product['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>
                </div>
            </div>
        </div>
    </div>
    {{-- include layout dashboard Right Section --}}
    @include('Frontend.partials.includes.layout-dashright')
    </div>
</section>
{{-- dashboard progress / --}}
@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