@extends('layouts.admin-master')
@section('content')

<div class="all-content-wrapper" style="min-height: 100vh">


   <div class="section-admin container-fluid">
      <div class="row admin ">
         <div class="col-md-12">
            <div class=" all-content-wrapper  shadow p-4">
            @if (Session::has('error'))
                <div class="alert alert-danger">
                    <ul>
                            <li>{{ Session::get('error') }}</li>
                    </ul>
                </div>
            @endif

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
              @endif
               <div class="row">
                  <div class="col-md-12">
                     <div class="bordered">
                        <div class="caption font-dark">
                           <h3 style="color:#1f93d1">Edit Form Sections</h3>
                        </div>
                        <div class="mt-2">
                           <div class="">
                              <form method="POST" action="{{route('update.claim.type',$claim->id)}}" accept-charset="UTF-8" id="form-claim-form-section" enctype="multipart/form-data" novalidate="novalidate">
                                 @csrf
                                 <input name="class" type="hidden" value="{{$claim->class_id}}">
                                 <div class="row">
                                    <div class="col-sm-3">
                                       <div class="form-group ">
                                          <label for="name">Name/Title<span class="required" aria-required="true">*</span></label>
                                          <input class="form-control" placeholder="name" name="title" type="text" value="{{$claim->title}}" data-rule-required="true" data-msg-required="Please enter the name." aria-required="true">
                                       </div>
                                    </div>
                                    <div class="col-sm-3 ">
                                       <div class="form-group">
                                          <label for="Tax Name">Major Class:</label>
                                          <br>
                                          <input class=" form-control" value="{{$class[0]->class_name}}" readonly="" aria-invalid="false" name="major_class">
                                       </div>
                                    </div>
                                    <div class="col-sm-3">
                                       <div class="form-group">
                                          <label for="active">Sub class<span class="required" aria-required="true">*</span></label>
                                          <span class="dropdown-icon"></span>
                                          <select  data-placeholder="Select SubClass" class="form-control sub_class" name="subclass" id="subclass" data-rule-required="true" data-msg-required="Please select SubClass." aria-required="true">
                                             <option value="">Select Sub Class</option>
                                                @foreach($class as $row)
                                                <option value="{{$row->id}}" {{$claim->sub_class_id == $row->id ? 'selected': ''}}>{{$row->name}}</option>
                                                @endforeach
                                          </select>

                                       </div>
                                    </div>
                                    <div class="col-sm-3">
                                       <div class="form-group">
                                          <label for="active">Company<span class="required" aria-required="true">*</span></label>
                                          <span class="dropdown-icon"></span>
                                          <select data-placeholder="Select Company" class="form-control select2 select2-hidden-accessible" name="company">
                                             <option value="16">State Life</option>
                                          </select>

                                       </div>
                                    </div>
                                 </div>
                                 <div class="row">
                                 
                                    <div class="col-sm-3">
                                       <div class="form-group">
                                          <label for="active">Choose product plans for this Claim Type<span class="required" aria-required="true">*</span></label>
                                          <span class="dropdown-icon"></span>
                                          <select data-placeholder="Select Product" class="form-control select2 select2-hidden-accessible" name="product" id="product_Plan">
                                             <option value="{{$claim->product_plan}}">{{$claim->product_name}}</option>
                                          </select>

                                       </div>
                                    </div>
                                    <div class="col-sm-3">
                                       <label for="">Upload logo:</label>
                                          <div class="">
                                             <input type="file" placeholder="" name="claim_logo">
                                             
                                             <div class="fileuploader-items">
                                                <ul class="fileuploader-items-list"></ul>
                                             </div>
                                          </div>
                                          <a target="__blank" href="{{ asset('admin/claim_logo/'.$claim->logo) }}">View File</a>
                                       </div>
                                    <div class="col-sm-3">
                                         <div class="form-group state_status_icon">
                                             <label for="">State<span class="required" aria-required="true">*</span></label>
                                             <span class="dropdown-icon"></span>
                                             <div class="status-icon"></div>
                                             <select class="form-control " name="status" id="">
                                                <option value="">Select</option>
                                                <option value="1" {{$claim->status == 1 ? 'selected': ''}}>Active</option>
                                                <option value="0" {{$claim->status == 0 ? 'selected': ''}}>Inactive</option>
                                             </select>
                                          </div>
                                    </div>
                                 </div>
                                 <div class=" p-4">
                                      <div class="row">
                                          <div class="box-footer">
                                             <button type="submit" class="btn btn-primary ">Update</button>
                                             <button class="btn btn-outline-primary" href="">Cancel </button>
                                          </div>
                                       </div>
                                 </div>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>

            </div>
         </div>
      </div>
   </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>      

    /*------------------------------------------
    --------------------------------------------
    get subclass
    --------------------------------------------
    --------------------------------------------*/

$('#subclass').on('change',function(){

            $.ajax
            ({ 
                url: '{{url("get_subClass_ProductPlan")}}/'+this.value,
                type: 'GET',
                dataType: 'json',
                success: function(result)
                { 
                    $('#product_Plan').html('');
                         $.each(result, function (index){
                            $("#product_Plan").append('<option value="'+result[index].product_id+'">'+result[index].name+'</option>')
                         });
                }
            });
        });
</script>
@endsection