@extends('layouts.app')

@push('head-script')
    <style>
        .list-group {
            margin-bottom: 0px !important;
        }

        .btn-primary,
        .btn-primary.disabled {
            background: #ab8ce4;
            border: 1px solid #ab8ce4;
            font-size: 12px;
        }
    </style>
@endpush
@section('page-title')
    <div class="row title-row">
        @if(hasAccessOf('keywords')['is_write'])
        <div class="col-md-12 p-r-20 d-flex justify-content-between align-items-center">
            <h4 class="page-title"><i class="{{ $pageIcon }}"></i> Admin Keywords Listing</h4>
            <a href="{{ route('keywords.add-edit') }}" class='btn btn-primary'>+ Add/Edit Keywords</a>
        </div>
        @endif
        <!--
                   <div class="col-md-2">
                                     <a href="{{ route('keywordsasigned') }}" class='btn btn-primary'>Listing Assign Keywords</a>
                                  </div> -->
    </div>
    @push('head-script')
        <link rel="stylesheet" href="{{ asset('css/datatables/dataTables.bootstrap.min.css') }}">
        <link rel="stylesheet" href="{{ asset('css/datatables/responsive.bootstrap.min.css') }}">
        <link rel="stylesheet" href="{{ asset('css/datatables/buttons.dataTables.min.css') }}">
        <link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
        <style>
            .list-group {
                margin-bottom: 0px !important;
            }

            .dashboard-stats .white-box .list-inline {
                margin-bottom: 0;
            }

            .dashboard-stats .white-box {
                padding: 10px;
            }

            .dashboard-stats .white-box .box-title {
                font-size: 13px;
                text-transform: capitalize;
                font-weight: 300;
            }

            #leads-table_wrapper .dt-buttons {
                display: none !important;
            }

            .keyw>.above {
                border-top: 1px solid #ccc;
                margin-top: 15px;
            }

            .bord {
                border-top: 1px solid #000;
                width: 950px;
            }
        </style>
    @endpush


    @php
        $singleAsign = [];
        if (count($asignedkeys) > 0) {
            $singleAsign = [];
            foreach ($asignedkeys as $key => $kval) {
                $singleAsign[$kval['asignkeys']['keyword_id']][] = $kval['asignkeys']['keyword_value'];
            }
        }

    @endphp
<div class="dash_panel">
    <div class=" keyw p-t-20">  <!-- container -->
        <div class="customCard m-b-15">
            <div class="row gy-0 above">
                <div class="col-xs-12">
                    <h4> FIRE</h4>
                </div>
                <div class="col-md-3">
                    <h5><b>Assigned Keywords:</b></h5>
                </div>
                <div class="col-md-9">
                    <div class="row gy-0">
                        @if (count($singleAsign) > 0 && !empty($singleAsign[1]))
                            @foreach ($singleAsign[1] as $fire)
                                <div class="col-md-2">
                                    <h6 class="m-b-0"><b>{{ $fire }}</b></h6>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
            <div class="row gy-0">
                <div class="col-md-3">
                    <h5><b>All Keywords:</b></h5>
                </div>
                <div class="col-md-9">
                    <div class="row gy-0">
                        @if (isset($totalData) &&
                                is_array($totalData) &&
                                count($totalData) > 0 &&
                                !empty($totalData[1]) &&
                                isset($totalData[1]['keyval']) &&
                                is_array($totalData[1]['keyval']))
                            @foreach ($totalData[1]['keyval'] as $key => $fire)
                                <div class="col-md-2">
                                    <button class="btn btn-primary">{{ $fire }}</button>
                                </div>
                            @endforeach
                        @endif
    
                    </div>
                </div>
            </div>
        </div>
        <div class="customCard m-b-15">
            <div class="row gy-0 above">
                <div class="col-xs-12">
                    <h4>HIGH</h4>
                </div>
                <div class="col-md-3">
                    <h5><b>Assigned Keywords:</b></h5>
                </div>
                <div class="col-md-9">
                    <div class="row gy-0">
                        @if (count($singleAsign) > 0 && !empty($singleAsign[2]))
                            @foreach ($singleAsign[2] as $high)
                                <div class="col-md-2">
                                    <h6 class="m-b-0"><b>{{ $high }}</b></h6>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
            <div class="row gy-0">
                <div class="col-md-3">
                    <h5><b>All Keywords:</b></h5>
                </div>
                <div class="col-md-9">
                    <div class="row gy-0">
                        @if (isset($totalData) &&
                                is_array($totalData) &&
                                count($totalData) > 0 &&
                                !empty($totalData[2]) &&
                                isset($totalData[2]['keyval']) &&
                                is_array($totalData[2]['keyval']))
                            @foreach ($totalData[2]['keyval'] as $key => $high)
                                <div class="col-md-2">
                                    <button class="btn btn-primary">{{ $high }}</button>
                                </div>
                            @endforeach
                        @endif
    
                    </div>
                </div>
    
            </div>
        </div>
        <div class="customCard m-b-15">
            <div class="row gy-0 above">
                <div class="col-xs-12">
                    <h4>MEDIUM</h4>
                </div>
                <div class="col-md-3">
                    <h5><b>Assigned Keywords:</b></h5>
                </div>
                <div class="col-md-9">
                    <div class="row gy-0">
                        @if (count($singleAsign) > 0 && !empty($singleAsign[3]))
                            @foreach ($singleAsign[3] as $med)
                                <div class="col-md-2">
                                    <h6 class="m-b-0"><b>{{ $med }}</b></h6>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
            <div class="row gy-0">
                <div class="col-md-3">
                    <h5><b>All Keywords:</b></h5>
                </div>
                <div class="col-md-9">
                    <div class="row gy-0">
                        @if (isset($totalData) &&
                                is_array($totalData) &&
                                count($totalData) > 0 &&
                                isset($totalData[3]) &&
                                !empty($totalData[3]) &&
                                isset($totalData[3]['keyval']) &&
                                is_array($totalData[3]['keyval']))
                            @foreach ($totalData[3]['keyval'] as $key => $med)
                                <div class="col-md-2">
                                    <button class="btn btn-primary">{{ $med }}</button>
                                </div>
                            @endforeach
                        @endif
    
                    </div>
                </div>
    
            </div>
        </div>
        <div class="customCard m-b-15">
            <div class="row gy-0 above">
                <div class="col-xs-12">
                    <h4>LOW</h4>
                </div>
                <div class="col-md-3">
                    <h5><b>Assigned Keywords:</b></h5>
                </div>
                <div class="col-md-9">
                    <div class="row gy-0">
                        @if (count($singleAsign) > 0 && !empty($singleAsign[4]))
                            @foreach ($singleAsign[4] as $low)
                                <div class="col-md-2">
                                    <h6 class="m-b-0"><b>{{ $low }}</b></h6>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
            <div class="row gy-0">
    
                <div class="col-md-3">
                    <h5><b>All Keywords:</b></h5>
                </div>
                <div class="col-md-9">
                    <div class="row gy-0">
                        @if (isset($totalData) &&
                                is_array($totalData) &&
                                count($totalData) > 0 &&
                                isset($totalData[4]) &&
                                !empty($totalData[4]) &&
                                isset($totalData[4]['keyval']) &&
                                is_array($totalData[4]['keyval']))
                            @foreach ($totalData[4]['keyval'] as $key => $low)
                                <div class="col-md-2">
                                    <button class="btn btn-primary">{{ $low }}</button>
                                </div>
                            @endforeach
                        @endif
    
                    </div>
                </div>
    
            </div>
        </div>

    </div>
</div>

@endsection
@push('footer-script')
    <script src="{{ asset('plugins/bower_components/morrisjs/morris.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('js/datatables/dataTables.bootstrap.min.js') }}"></script>
    <script src="{{ asset('js/datatables/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('js/datatables/responsive.bootstrap.min.js') }}"></script>
    <script src="{{ asset('js/datatables/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('js/datatables/buttons.server-side.js') }}"></script>
@endpush