@extends('crudbooster::admin_template')

@push('bottom')
<script type="text/javascript">
    $(function(){
        // group type
        $('#group_type').on('change', function(){
           let id = $(this).val();
            grouptype(id);
        });
        if( $("#group_type").val() !=null){
            let id = $("#group_type").val();
            grouptype(id);
        }
    });

    function grouptype(id){
        $('#group').find('option').remove().end().append('<option selected disabled>Select Group</option>');
            let action = "{{url('Majax/get-group')}}" +"/"+ id;
            let gid = {{ $cause->group->id }};
            $.ajax({
                type:'get',
                url:action,
                dataType:"json",
                success:function(data){
                if(data.success==true){
                    $("#group").html(" ");
                        $.each(data.group.groups, function(key,value) {
                        let check = (value.id == gid)? 'selected' : '';
                        // $("#group").html("");
                        $('#group').append('<option '+check+' value="'+value.id+'" >'+value.group_name+'</option>');
                    });
                }
            },
            error:function(data){
            console.log(data);
            }
        });
    }
</script>
@endpush

@section('content')
<!-- Your html goes here -->
<div class='panel panel-default efit-add-product'>
    <div class='panel-heading eap-box'>{{__('action.Edit_Causes_Type')}}</div>
    <div class='panel-body'>
        <form method='post' action='{{CRUDBooster::mainpath('edit-save/'.$cause->id)}}'>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="box-body" id="parent-form-area">

                <div class="row">

                    <div class="col-md-12">
                        <div class="form-group " id="form-group-product_name">
                            <label class="control-label">
                                {{__('action.title')}} <span class="text-danger" title="{{__('action.This_field_is_required')}}">*</span>
                            </label>

                            <input type="text" name="title" id="title" required title="{{__('action.Cause_Title')}}" value="{{ $cause->title }}"
                                class="form-control">
                            <div class="text-danger">{{$errors->has('title')? $errors->first('title') :" "}}
                            </div>
                            <p class="help-block"></p>
                        </div>
                    </div>


                    <div class="col-md-12">
                        <div class="form-group " id="form-group-product_name">
                            <label class="control-label">
                                {{__('action.select_type')}} <span class="text-danger"  title="{{__('action.This_field_is_required')}}">*</span>
                            </label>

                            <select class="form-control"  required id="group_type" name="group_type">
                                <option selected disabled>{{__('action.Select')}}</option>
                                @foreach ($grouptypes as $grouptype)
                                    <option value="{{$grouptype['id']}}"
                                        {{($cause->group->grouptype->id==$grouptype['id'])? "selected":""}}>
                                        {{$grouptype['type_name']}}
                                    </option>
                                @endforeach
                            </select>

                            <p class="help-block"></p>
                        </div>
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-12">
                        <label for="">{{__('action.select_group')}}</label>

                        <select class="form-control" required id="group" name="group_id">
                            <option >{{__('action.select_group')}}</option>
                            <option value="{{ $cause->group_id }}" selected>{{ $cause->group->group_name }}</option>
                        </select>

                        <div class="text-danger">{{$errors->has('group_id')? $errors->first('group_id') :" "}}</div>

                    </div>

                    <div class="col-md-12">
                        <label for="">{{__('action.activity_desc')}}</label>
                        <div class="form-group">
                            <textarea rows="4" cols="50" class="form-control" id="description"
                                name="description">{!! $cause->description !!}</textarea>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <a href="{{  CRUDBooster::mainpath() }}" class="btn btn-default"><i
                            class="fa fa-chevron-circle-left"></i> {{__('action.Back')}}</a>
                    <input type="submit" name="submit" value="Update" class="btn btn-success" style="padding: 6px 21px">
                </div>

        </form>
    </div>
</div>
</div>
@endsection