@extends('layouts.app')

@section('content')
<div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Common Issue - {{$equipment->name}}
            </h3>
            <ul class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="#">Dashboard</a> 
                    <i class="icon-angle-right"></i>
                </li>
                <li><a href="#">Masters</a><i class="icon-angle-right"></i></li>
                <li><a href="#">Store</a><i class="icon-angle-right"></i></li>
                <li><a href="#">Equipment</a></li>
            </ul>
            <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
        @if(Session::has('flash_message'))
            <div class="row-fluid">
            <div class="span12">
                <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
            </div> 
            </div>   
        @endif
        <div class="row-fluid">
            <div class="span12">
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="icon-globe"></i>Common Issue - {{$equipment->name}}</div>
                        <div class="tools">
                            <a href="javascript:;" class="reload"></a>
                            <a href="javascript:;" class="remove"></a>
                        </div>
                    </div>
                    <div class="portlet-body">
                        {!! Form::open(['url' => '/admin/common-remedy-causes/create', 'class' => 'form-vertical','id'=>'myform','files' => true]) !!}
                        <table class="table ">
                            <thead>
                            <tr>
                                <th>Common Issues</th>
                                <th>Causes</th>
                                <th>Remedy</th>
                                <th>{!! Form::submit('Link', ['class' => 'btn green']) !!}</th>
                            </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="hidden" value="{{$id}}" name="equipment_id" id="equipment_id">
                                        <input type="text" id="common_issue_text" placeholder="Enter Common Issue">
                                        <input type="button" class="btn blue btn-sm" value="Add" id="common_issue" style="margin-bottom: 10px;margin-left: 5px">
                                        <br>
                                        <span id="common_error"></span>
                                    </td>
                                    <td>
                                        <input type="text" id="causes_issue_text" placeholder="Enter Causes">
                                        <input type="button" class="btn blue btn-sm" value="Add" id="causes_issue" style="margin-bottom: 10px;margin-left: 5px">
                                        <br>
                                        <span id="causes_error"></span>
                                    </td>
                                    <td>
                                        <input type="text" id="remedy_issue_text" placeholder="Enter Remedy">
                                        <input type="button" class="btn blue btn-sm" value="Add" id="remedy_issue" style="margin-bottom: 10px;margin-left: 5px">
                                        <br>
                                        <span id="remedy_error"></span>
                                    </td>
                                    <td> </td>
                                </tr>
                                    <tr>
                                        <td>
                                            <div>
                                            @foreach($commons as $common)
                                                @if($selected_common == $common->id)
                                                    <input class="form-control" type="radio" id="common" name="common" style="margin-left: 0px" value="{{$common->id}}" checked>
                                                    <lable title="{{$common->issue}}">{{$common->code}} - {{substr($common->issue,0,30)}}</lable>
                                                    <br>
                                                    @else
                                                    <input class="form-control" type="radio" id="common" name="common" style="margin-left: 0px" value="{{$common->id}}">
                                                    <lable  title="{{$common->issue}}">{{$common->code}} - {{substr($common->issue,0,30)}}</lable>
                                                    <br>
                                                @endif
                                            @endforeach
                                            </div>
                                        </td>
                                        <td>
                                            <div id="actual_causes">
                                                @foreach($causes as $key => $cause)
                                                @if(!empty($selected_causes))
                                                        @if(in_array($cause->id, $selected_causes->toArray()))
                                                            <input type="checkbox" class="form-control" name="causes[]" value="{{$cause->id}}" checked id="causes">
                                                            <lable title="{{$cause->causes_title}}"> {{substr($cause->causes_title,0,35)}}</lable>
                                                            <br>
                                                        @else
                                                            <input type="checkbox" class="form-control" name="causes[]" value="{{$cause->id}}" id="causes">
                                                            <lable title="{{$cause->causes_title}}"> {{substr($cause->causes_title,0,35)}}</lable>
                                                            <br>
                                                        @endif
                                                    @else
                                                    <input type="checkbox" class="form-control" name="causes[]" value="{{$cause->id}}" id="causes">
                                                        <lable title="{{$cause->causes_title}}"> {{substr($cause->causes_title,0,35)}}</lable>
                                                    <br>
                                                @endif
                                            @endforeach
                                            </div>
                                            <div id="show_causes"></div>
                                        </td>
                                        <td>
                                            <div id="actual_remedy">
                                            @foreach($remedy as $key => $rem)
                                                @if(!empty($selected_remedy))
                                                    @if(in_array($rem->id, $selected_remedy->toArray()))
                                                        <input type="checkbox"  class="control-group form-control" name="remedy[]" value="{{$rem->id}}" checked id="causes">
                                                            <lable title="{{$rem->remedy_title}}"> {{substr($rem->remedy_title,0,35)}}</lable>
                                                        <br>
                                                    @else
                                                        <input type="checkbox"  class="control-group form-control" name="remedy[]" value="{{$rem->id}}" id="causes">
                                                            <lable title="{{$rem->remedy_title}}"> {{substr($rem->remedy_title,0,35)}}</lable>
                                                            <br>
                                                    @endif
                                                @else
                                                    <input type="checkbox"  class="control-group form-control" name="remedy[]" value="{{$rem->id}}" id="remedy">
                                                        <lable title="{{$rem->remedy_title}}"> {{substr($rem->remedy_title,0,35)}}</lable>
                                                        <br>
                                                @endif
                                            @endforeach
                                            </div>
                                            <div id="show_remedy"></div>
                                        </td>
                                        <td></td>
                                    </tr>
                            </tbody>
                        </table>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript">
    $(document).on('click', '#common_issue', function (e) {
        e.preventDefault();
        var data = $('#common_issue_text').val();
        var equipment_id = $('#equipment_id').val();
        if(data){
            var url = '{{ url('/admin/common-issue/create')}}';
            $.ajax({
                url: url,
                type: 'POST',
                data: {'issue': data, 'equipment_id' : equipment_id},
                headers: {
                    'X-CSRF-TOKEN': '{{csrf_token()}}'
                },
                success:function(data) {
                    if(data.status){
                        window.location.reload();
                    }
                },
            });
        }else{
          var error =  document.getElementById("common_error");
            error.innerHTML = "<span style='color: red;'>"+
                "Please enter common issue</span>"
        }
    });

    $(document).on('click', '#causes_issue', function (e) {
        e.preventDefault();
        var data = $('#causes_issue_text').val();
        if(data){
            var url = '{{ url('/admin/causes-issue/create')}}';
            $.ajax({
                url: url,
                type: 'POST',
                data: {'causes_title': data},
                headers: {
                    'X-CSRF-TOKEN': '{{csrf_token()}}'
                },
                success:function(data) {
                    if(data.status){
                        window.location.reload();
                    }
                },
            });
        }else{
            var error =  document.getElementById("causes_error");
            error.innerHTML = "<span style='color: red;'>"+
                "Please enter causes</span>"
        }
    });
    $(document).on('click', '#remedy_issue', function (e) {
        e.preventDefault();
        var data = $('#remedy_issue_text').val();
        if(data){
            var url = '{{ url('/admin/remedy-issue/create')}}';
            $.ajax({
                url: url,
                type: 'POST',
                data: {'remedy_title': data},
                headers: {
                    'X-CSRF-TOKEN': '{{csrf_token()}}'
                },
                success:function(data) {
                    if(data.status){
                        window.location.reload();
                    }
                },
            });
        }else{
            var error =  document.getElementById("remedy_error");
            error.innerHTML = "<span style='color: red;'>"+
                "Please enter remedy</span>"
        }
    });
    $(document).on('change','#common', function(){
        $('#show_causes').empty();
        $('#show_remedy').empty();
        $('#actual_causes').empty();
        $('#actual_remedy').empty();
        var common_id = $(this).val();
        var equipment_id = $('#equipment_id').val();
        var url = '{{ url('/admin/get-causes-remedy')}}/'+common_id+'/'+equipment_id;
        console.log(url);
        $.ajax({
            url: url,
            type: 'GET',
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            success:function(data) {
                if(data.status){
                    var causes = null;
                    var remedy = null;
                    $(causes).each(function(index, value){
                        if($.inArray(value.id, data.common_causes) !== -1){
                            $('#show_causes').append('<div class="checker" id="uniform-causes"><span class="checked"><input type="checkbox"  class="form-control" name="causes[]" value='+value.id+' checked id="causes"></span></div><lable title='+value.causes_title+'>'+(value.causes_title.substr(0,35))+'</lable><br>')
                        }else{
                            $('#show_causes').append('<div class="checker" id="uniform-causes"><span><input type="checkbox"  class="form-control" name="causes[]" value='+value.id+' id="causes"></span></div><lable title='+value.causes_title+'>'+(value.causes_title.substr(0,35))+'</lable><br>')
                        }
                    })
                    $(remedy).each(function(index, value) {
                        if ($.inArray(value.id, data.common_remedy) !== -1) {
                            $('#show_remedy').append('<div class="checker" id="uniform-causes"><span class="checked"><input type="checkbox"  class="form-control" name="remedy[]" value=' + value.id + ' checked id="remedy"></span></div><lable title='+value.remedy_title+'>' + (value.remedy_title.substr(0,35)) + '</lable><br>')
                        }else{
                            $('#show_remedy').append('<div class="checker" id="uniform-causes"><span><input type="checkbox"  class="form-control" name="remedy[]" value=' + value.id + ' id="remedy"></span></div><lable title='+value.remedy_title+'>' + (value.remedy_title.substr(0,35)) + '</lable><br>')
                        }
                    });
                    // window.location.reload();
                }
            },
        });
    })
    $(document).on('click','#uniform-causes', function (){
        var checked = $(this).find('input').is(':checked');
        if(checked){
            $(this).addClass('checker hover focus active');
            $(this).find('span').addClass('checked')
        }else{
            $(this).removeClass('focus active');
            $(this).find('span').removeClass('checked')
        }

    })
</script>
@endsection