@extends('layouts.app', ['activePage' => 'resolution-create', 'titlePage' => __('Add New Resolution')])

@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          
            @csrf          

            <div class="card ">
              <div class="card-header card-header-primary">
                <h4 class="card-title">{{ __('Add New Resolution') }}</h4>                
              </div>

                <div id="error"></div>
              <div class="card-body">
              <form id="newResolutionWithMemberForm"  class="form form-horizontal"  enctype="multipart/form-data" autocomplete="off" data-toggle="validator">
                 @csrf
                <input type="hidden" name="resolution_id" id="resolution_id" value="">
                <input type="hidden" name="user_type" id="user_type" value="scrutinizer">

                  <div class="row">
                    <label class="col-sm-2 col-form-label">Type of Evsn<span class="required" id="evsntypelabel">*</span></label>
                    <div class="col-sm-7 form-group">
                            <input type="radio" name="evsn_type" id="radio1" onchange="selectEvsnType(this.value)" value="resolution" class="radio radio-danger" required>
                            <label for="radio1">Resolution</label>
                        
                            <input type="radio" name="evsn_type" onchange="selectEvsnType(this.value)" id="radio2" value="instruction" class="radio radio-danger" required>
                            <label for="radio2">Instruction</label>
                        
                            <input type="radio" name="evsn_type" onchange="selectEvsnType(this.value)" id="radio3" value="option" class="radio radio-danger" required>
                            <label for="radio3">Option</label>
                    </div>
                </div>
                            
              <div class="row">
                  <label for="" class="col-sm-2 col-form-label">Entity Name<span class="required">*</span></label>
                  <div class="col-md-7 form-group">
                      <select class="form-control" id="Company" name="company_id" data-placeholder="Select a Company" style="width: 100%" onchange="getEntityID(this.value);" required>
                        <option value="">Choose..</option>
                        @if(isset($companies) && !empty($companies))
                        @foreach($companies as $value)
                        <option value="{{$value->id}}">
                          {{$value->name}}
                        </option>
                        @endforeach
                        @endif
                      </select>
                  </div>
              </div>
              <div class="row">
                  <label for="" class="col-sm-2 col-form-label">Entity Id<span class="mandatory">*</span></label>
                  <div class="col-md-7 form-group">
                      <input type="text" id="EntityId" name="entity_id"  class="form-control" value="" required placeholder="Enter Entity Id" readonly/>
                  </div>
              </div>

              <div class="row">
                  <label for="Voting" class="col-sm-2 col-form-label">Voting Start Date<span class="mandatory">*</span></label>
                  <div class="col-md-7 form-group">
                  <input type="text" placeholder="Select Voting Start Period" id="voting_start_date" name="voting_start_date" class="datetimepicker form-control" required value="" />                                 
                  </div>
              </div>

              <div class="row">
                  <label for="Voting" class="col-sm-2 col-form-label">Voting End Period<span class="mandatory">*</span></label>
                  <div class="col-md-7 form-group">
                  <input type="text" placeholder="Select Voting End Period" id="voting_end_date" name="voting_end_date" class="datetimepicker form-control" required value="" readonly/>
                  </div>
              </div>

              <div class="row">
                  <label for="inputPasswordNewVerify" class="col-sm-2 col-form-label">Meeting Date<span class="mandatory">*</span></label>
                  <div class="col-md-7 form-group">
                    <input type="text" placeholder="DD-MM-YYYY" id="meeting_date" name="meeting_date" class="datetimepicker form-control" required value=""/>
                  </div>
                    
              </div>
                <div><a href="{{url('/Member_Excel_Format.xlsx')}}"><i class="material-icons">add</i>Download Member Detail File Format</a></div>
              <div class="row">
                  <label for="Member" class="col-sm-2 col-form-label">Members<span class="mandatory">*</span></label>
                    <div class="col-md-7" id="member-excel-input-div">
                      <input type="file" class="form-control-file form-control" id="InputMemberFile" name="member_file" aria-describedby="fileHelp" required>
                  </div>

                  <button type="submit" id="upload_members" name="upload_excel" class="btn btn-primary margin-left-sm-15 margin-left-xs-15" disabled="disabled"><span class="glyphicon glyphicon-upload"></span> Upload & Verify</button>
                  <a id="reset_excel" class="btn btn-primary" style="display: none;">Reset</a>
                  <img id="excel_loading_img"  style="display: none;" src="{{url('/loadingx2.gif')}}" height="30px;" width="30px;" />

            </div>


            <div class="row" style="display: none;" id="exceltbl-div">
                <div class="flex-container-center">
                    <div class="table-responsive col-md-11 membersReport">
                        <div class="scrollbar-outer">
                            <table class="table text-center table-striped table-bordered" >
                                <thead>
                                    <tr>
                                        <th>Sr No.</th>
                                        <th>Name</th>
                                        <th>No. of Shares (INR Amount)</th>
                                        <th>Email</th>
                                        <th>Additional Emails</th>
                                        <th>Contact No</th> 
                                    </tr>
                                </thead>
                                <tbody id="shareholdertbl-body">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
         </form>
        
        <form id="new-resolution-form"  class="form form-horizontal"  enctype="multipart/form-data">
           @csrf
          <input type="hidden" name="resolutionId" id="resolutionId" value="">
          <input type="hidden" name="rowcount" value="0" id="rowcount">
          <div class="clearfix"></div>
          <div id="add_New_Resolution">
              <div id="addOptionClass" >
                 <div class="row">
                    <div class="col-md-6">
                        <label for="resolution_desc" class="resolution_desc_label col-sm-4 col-form-label">Resolution Description<span class="mandatory">*</span></label>
                        <div class="form-group col-md-8">
                            <textarea id="resolution_desc1" name="resolution_desc[]" type="text" class="resolutiondesc form-control mw-100" placeholder="Enter Description" rows="4" cols="50"  placeholder="Please Enter Description" disabled></textarea>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <label for="resolution_detail"  class="resolution_detail_label col-sm-4 col-form-label">Resolution Details<span class="mandatory">*</span></label>
                        <div class="col-md-9">
                            <input type="file" class="form-control-file form-control resolutiondescfile" id="resolution_file" name="resolution_file[]" aria-describedby="fileHelp" readonly/>
                            <small class="help-block danger">Maximum file size allowed is 5MB.</small>
                        </div>
                    </div>

                    <div class="faddmorebtn col-md-1 margin-left-sm-15 margin-left-xs-15 padding-xs-0 ">
                      <div class="input-group-btn">
                          <button class="btn btn-primary" type="button" id="add_more_btn" disabled><i class="material-icons">add</i></button>
                      </div>
                    </div>
                </div>

              <div class="clearfix"></div>
              <div class="row">
              <div class="form-group allowOptionDiv">
                  <div class="col-md-12 allowcomment allowcomment-padding">
                      <input type="checkbox" class="allowcommentCls" id="allow_comment_1" name="allow_comment_val[]" value="N" onclick="check_allow_comment(1);">
                      <label for="allowComment"> Allow Comment</label>
                  </div>
              </div>
              
              <div id="error-msg_1" class="error-msg"></div>
              <div class ="showSelectType col-md-12">
                  <button class="accordion active" id="collapse1" type="button">Select Option 1</button>

                  <div class="panel active" id="collapse1_div">
                      <div class="text-right">
                          <label for="collapse1" style="color: red;">*Two options must be required.</label>
                      </div>
                      <div class="margin-top-14">
                          <div class="row">
                              <div class="col-md-6">
                                  <label for="selectOption" id="selType" class="col-sm-4 col-form-label">Select Type<span class="mandatory">*</span></label>
                                  <div class="col-md-5 Select-Type">
                                      <select name="selectType[]"  class="selectType form-control mw-100 padding-right-20" id="selectType_1" onchange="OnChangeSelectType(1);">
                                      <option value="radio"  selected >Radio</option>
                                      <option value="checkbox">Checkbox</option></select>
                                  </div>
                                  <div class="input-group-btn">                                      
                                      <button class="addSelectType btn btn-primary" type="button" id="addSelectType_1" onClick="add_selected_buttons(1);">Add Label</button>
                                  </div>
                              </div>
                              
                              <div class="col-md-6" id="validationOptionDiv1">
                                  <label class="col-sm-4 col-form-label">Select Options</label>
                                  <div class="col-md-5 select-option-pad-mar">
                                      <select name="validationOption[]" id="validationOption1" class="form-control validationOptionSelect padding-right-12">
                                          
                                          <option value="Select at least">Select at least</option>
                                          <option value="Select at most">Select at most</option>
                                          <option value="Select exactly">Select exactly</option>
                                      </select>
                                  </div>
                                  <div class="select-option-pad-mar" id="validationOptionValueDiv_1">
                                      <input type="number" min="1" name="validationOptionValue[]" class="form-control validationOptionValue validationOptionInput validationOptionInput1 padding-right-20" placeholder="Enter value">
                                  </div>
                              </div> 
                          </div>
                      </div>

                      <div class="col-md-12" style="padding:0px">
                      <div id="add_more_option_1" style="width:100%; display:block;" class=" margin-bottom-10">
                      </div>
                  </div>                  
              </div>
            </div>
              </div>
          </div>
          </div>
          <div class="clearfix"></div>
          <div class="clearfix"></div>
          <div class="form-group text-center margin-top-14">
              <button type="submit" id="submit_btn" class="btn margin-y-xs-5 btn-primary" disabled ><span class="glyphicon glyphicon-ok"></span> Submit</button>
              <img id="loading_img"  style="display: none;" src="{{url('/loadingx2.gif')}}" height="30px;" width="30px;" />
              </div>
        </form>
      </div>
      
            </div>
         
        </div>
      </div>
    </div>
  </div>
@endsection
@push('js')
{{--<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
  <script src="{{ asset('material') }}/js/plugins/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.js"></script>
<link rel="stylesheet" type="text/css" href="{{url('/css/daterangepicker.css')}}"/>
<script src="{{url('/js/daterangepicker.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js" defer></script>--}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.js"></script>

<script src="{{url('/js/scrutinizer.js')}}"></script>

       <script>
        $(document).ready(function() {
            
        });
    </script>
    @endpush