@extends('layouts.app')
@section('title','تحكيم الخطة')
@section('content')
    <main class="main-content">
      <article>
            <div class="container">
                <div class="row">
                    <div>
                        <table class="table table-bordered table-striped table-hover"> 
                            <tbody>
                                <form method="POST" action="{{route('tahkemplane.store')}}">
                                    @csrf

                                    @foreach ($data['tahkim_item'] as $item)
                                        <tr>
                                            <td>{{$item->groupdesc}}</td>
                                            <td id="item_id_{{$item->id}}">{{$item->id}}</td>
                                            <td id="item_disc_{{$item->id}}">{{$item->itemdesc}}</td>
                                            <td width="20%">
                                            <div class="btn-group btn-group-toggle" data-toggle="buttons">
                                                <label class="btn btn-success" >
                                                <input type="radio" name="item_{{$item->id}}" id="item_{{$item->id}}-1" value="1" onchange="doch({{$item->id}})"> نعم
                                                </label>
                                                <label class="btn btn-danger">
                                                <input type="radio" name="item_{{$item->id}}" id="item_{{$item->id}}-0" value="0" onchange="doch({{$item->id}})"> لا
                                                </label>
                                            </div>
                                        </td></tr>
                                    @endforeach
                                <tr><td></td><td></td><td></td><td><button type="submit" class="btn btn-green" >حفظ</button></td></tr>
                                </form>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </article>
    </main>
    <script>
        var tahkim_answer= null;
        if(tahkim_answer && tahkim_answer !='' && tahkim_answer.length >0){
            for(var i=0;i< tahkim_answer.length;i++){
               var item= "item_"+tahkim_answer[i]['tahkem_id']+"-"+tahkim_answer[i]['userAnswer'];
               document.getElementById(item).checked = true;
    
               doch(tahkim_answer[i]['tahkem_id']);
            }
        }
        
        function doch(bid){
            bname='item_'+bid;
            val=$('input[name="'+bname+'"]:checked').val();
            if(val==1){
                $('#item_disc_'+bid).css('border','solid 1px #008A5F');
                $('#item_id_'+bid).css('background-color','#008A5F');
    
            }else{
                $('#item_disc_'+bid).css('border','solid 1px red');
                $('#item_id_'+bid).css('background-color','red');
    
            }
        }
    </script>
@endsection