@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 ($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">
                     @if (Session::has('success'))
                <div class="alert alert-success">
                    <ul>
                            <li>{{ Session::get('success') }}</li>
                    </ul>
                </div>
            @endif
                           <div class="caption font-dark">
                              <h3 style="color:#1f93d1">Add Form Sections</h3>
                           </div>
                        
                        <div class="mt-2">
                           <div class="">
                           <form method="POST" action="{{route('update.form.section',$section->id)}}" accept-charset="UTF-8" id="form-claim-form-section" enctype="multipart/form-data" novalidate="novalidate">
                             @csrf 
                                 <input name="claim" type="hidden" value="{{$section->claim_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="{{$section->name}}" 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 type="hidden" value="{{$class[0]->class_id}}" name="major_class">
                                          <input class=" form-control" value="{{$class[0]->class_name}}" readonly="" aria-invalid="false" >
                                       </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 class="col-sm-3">
                                       <div class="form-group">
                                          <label for="active">Select 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}}" {{$section->sub_class == $row->id ? 'selected': ''}}>{{$row->name}}</option>
                                                @endforeach
                                          </select>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="form-body">
                                    <div class="row">
                                       <div class="col-sm-3">
                                          <div class="form-group ">
                                             <label   for="exampleSelect"> Policy Type*</label>
                                             <select  class="form-control " name="policy_type">
                                             <option value="">Select Policy Type</option>
                                             <option value="1" {{$section->policy_type == 1 ? 'selected': ''}}>Individual</option>
                                             <option value="2" {{$section->policy_type == 2 ? 'selected': ''}}>Corporate</option>
                                             <option value="3" {{$section->policy_type == 3 ? 'selected': ''}}>Master</option>
                                             </select>
                                          </div>
                                       </div>
                                       <div class="col-md-3">
                                          <div class="form-group ">
                                             <label   for="exampleSelect"> Product Type*</label>
                                             <select  class="form-control " name="product_type" id="product_Plan">
                                             <option value="">Select Product Type</option>
                                             <option value="1" {{$section->product_type == 1 ? 'selected': ''}}>Underwritten</option>
                                             <option value="2" {{$section->product_type == 2 ? 'selected': ''}} >Pre-Underwritten</option>
                                             </select>
                                          </div>
                                       </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" {{$section->status == 1 ? 'selected': ''}}>Active</option>
                                                <option value="0" {{$section->status == 0 ? 'selected': ''}}>Inactive</option>
                                             </select>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="row">
                                       <div class="col-sm-3">
                                          <div class="form-group ">
                                             <label   for="exampleSelect"> Select Section Type*</label>
                                             <select  class="form-control " name="select_type" id="product_Plan">
                                             <option value="">Select Section</option>
                                             <option value="form" {{$section->section_type == 'form' ? 'selected': ''}}>Form</option>
                                             <option value="tabular" {{$section->section_type == 'tabular' ? 'selected': ''}}>Tabular</option>
                                             <option value="both" {{$section->section_type == 'both' ? 'selected': ''}}>Both</option>
                                             </select>
                                          </div>
                                       </div>
                                       <div class="col-md-3">
                                          <div class="form-group ">
                                             <label   for="exampleSelect">Sort Number*</label>
                                             <input class="form-control"min="0" placeholder="Sort Number" name="sort_number" type="number" value="{{$section->sort}}">
                                          </div>
                                       </div>
                                    </div>
                                    <div class="row">
                                       <div class="box-footer">
                                          <button type="submit" class="btn btn-primary "> Update</button>
                                          <bu class="btn btn-flat" href="">Cancel </bu>
                                       </div>
                                    </div>
                                 </div>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>

            </div>
         </div>
      </div>

      <div class="row admin shadow  ">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mt-5">
        <div class="product-status-wrap">
          <h4 class="text-dark">Form Fields</h4>
          <div class="add-product mt-5 text-end">
            <div>
             <div class="add-product my-3  text-right">
            <a href="{{route('create.form.field',$section->id)}}" class="btn btn-outline-primary">Add Field </a>
          </div>
          </div>
          <div class="table-responsive">
            <table class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
              <tbody>
                <tr>
                  <th class="text-dark">Label</th>
                  <th class="text-dark">Field Name	</th>
                  <th class="text-dark">Field Type	 </th>
                  <th class="text-dark">Visibility</th>
                  <th class="text-dark">Required</th>
                  <th class="text-dark">Rating Factor	</th>
                  <th class="text-dark">sort</th>
                  <th class="text-dark">Created At</th>
                  <th class="text-dark">Action</th>
                </tr>
               @foreach($section_field as $section)
                <tr>
                  <td class="text-dark">{{$section->Label}}</td>
                  <td class="text-dark">{{$section->field_name}}</td>
                  <td class="text-dark">{{$section->field_type}} </td>
                  <td class="text-dark">{{$section->visible}}</td>
                  <td class="text-dark">{{$section->required}}</td>
                  <td class="text-dark">{{$section->rating_factor}}</td>
                  <td class="text-dark">{{$section->sorting}}</td>
                  <td class="text-dark">{{$section->created_at}}</td>
                  <td>
                   
                    <div class="dropdown">
                      <button class="btn btn-primary " type="button" id="action" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
                    </button>
                      <div class="dropdown-menu" aria-labelledby="action">
                       <a class="dropdown-item" href="{{route('edit.form.field',$section->id)}}"><i class="fa fa-pencil" aria-hidden="true"></i> <span class="mx-2">Edit</span></a>
                      </div>
                    </div>

                  </td>
                </tr>
               @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
   </div>
</div>

@endsection