@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">
            <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">--}}
              <form id="new-resolution-form"  action="{{ route('resolution.create') }}" class="form form-horizontal"  enctype="multipart/form-data">
                 @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">
                      <input type="file" class="form-control-file form-control" id="InputMemberFile" name="member_file" aria-describedby="fileHelp" required>
                  </div>
                  <input type="hidden" name="old_member_file" id="old_member_file" value="" />
                  <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>
                  
                  <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 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">
                      </div>
                  </div>                  
              </div>
            </div>
              </div>
          </div>
          </div>          
          <div class="form-group">
              <button type="submit" id="submit_btn" class="btn btn-primary" disabled >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() {

            $('input[name="voting_start_date"]').datetimepicker({
                format: 'DD-MM-YYYY hh:mm A',
                 minDate:new Date(),
                sideBySide: true,
            }).on('dp.change', function (e) {     
            $('#voting_end_date').prop('readonly',false);
            $('#voting_end_date').data("DateTimePicker").minDate(e.date);
            });


            $('input[name="voting_end_date"]').datetimepicker({
            format: 'DD-MM-YYYY hh:mm A',     
            sideBySide: true
            });

            $('#meeting_date').datetimepicker({
            format: 'DD-MM-YYYY'
            });

            $('#upload_members').on("click", function (e) {
            e.preventDefault();
                file_data =  $('input[name=member_file]')[0].files[0];
                if(file_data == null || file_data == 'undefined'){
                alert('Please upload Member File');
                return false;
                }
                var fd = new FormData();
                fd.append('member_file', $('input[name=member_file]')[0].files[0]);                

                $.ajaxSetup({ headers: {'X-CSRF-TOKEN':" {{ csrf_token() }}"} });
                
                $.ajax({                    
                url: "{{url('/upload-member')}}",
                type: 'POST',
                processData: false, // important
                contentType: false, // important
                dataType : 'json',
                data: fd,
                success: function (resp) {
                    console.log(resp);
                    if (resp.status == 'success') {
                    $("#excel_loading_img").hide();
                    $("#exceltbl-div").show();
                    $("#old_member_file").val(resp.member_file);

                    var tbody = "";
                        var TotalShares = 0;
            
                        for (var i = 0; i < resp.data.length; i++) {
                            var v_MemberShare = resp.data[i].member_shares;
                            if ($.isNumeric(resp.data[i].member_shares)) {
                            TotalShares += parseFloat(resp.data[i].member_shares);
                            v_MemberShare = IndianCurrencyFormatWithPoint(
                                resp.data[i].member_shares
                            );
                            }
            
                            tbody +=
                            '<tr id="tr_' +
                            i +
                            '"><td>' + (i+1) +
                            "</td><td>" +
                            resp.data[i].member_name +
                            "</td>" +
                            '<td style="text-align:right">' +
                            v_MemberShare +
                            "</td><td>" +
                            resp.data[i].member_email +
                            "</td><td>" +
                            resp.data[i].alternate_email +
                            "</td><td>" +
                            resp.data[i].member_contact +
                            "</td></tr>"; //<td style="text-align:right">' + resp.data[i].RATIO + '</td> remove ratio by rakhi
                        }
                        tbody +=
                            '<tr><td colspan="2">Total Member Shares</td><td style="text-align:right;">' +
                            TotalShares.toFixed(2) +
                            "</td><td></td><td></td><td></td></tr>";
                       
                        $("#shareholdertbl-body").html(tbody);                       
                        $("#VotingPeriod").prop("readonly", true);
                        

                    
                        $(".resolutiondescfile").prop("disabled", false);
                        $(".resolutiondesc").prop("disabled", false);
                        $("#add_more_btn").prop("disabled", false);
                        $("#submit_btn").prop("disabled", false);
                        $(".addSelectType").prop("disabled", false);
                    
                        $("#upload_members").prop("disabled", true);
                    
                    } else {
                        $(".resolutiondescfile").prop("disabled", true);
                        $(".resolutiondesc").prop("disabled", true);
                        $("#add_more_btn").prop("disabled", true);
                        $("#submit_btn").prop("disabled", true);
                        $(".addSelectType").prop("disabled", true);
                       
                        $("#upload_members").prop("disabled", false);
                        $("#excel_loading_img").hide();
                        $("#InputMemberFile").val("");
                    
                        swal({
                            title: 'Error',
                            text: resp.message,
                            closeOnConfirm: true,
                        });
                    }
                },
                });
            });
        });
    </script>
    @endpush