@extends('layouts.guest')
@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Human Resources Consultant Proposal Form</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="#">Proposal</a></li>
                            <li class="breadcrumb-item active">Human Resources Consultant Proposal Form</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                @if (Session::has('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ Session::get('success') }}
                        @php
                            Session::forget('success');
                        @endphp
                        <button type="button" class="close" data-dismiss="alert"
                            aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif
                <h5 class="text-danger error-text" id="tableerror"></h5>
                <!-- Main row -->
                <div class="row">
                    <!-- Left col -->
                    <section class="col-lg-12 connectedSortable">
                        <!-- Custom tabs (Charts with tabs)-->
                        <div class="card">
                            <div class="card-header">
                                <div class="col">
                                    <button value="Back" type="Button" onclick="history.go(-1);" class="btn btn-info float-right">Back</button>
                                </div>
                            </div><!-- /.card-header -->
                            <div class="card-body">
                                <form action="{{route('contract/hrc/proposal/store')}}" method="post" enctype="multipart/form-data" id="main_form_hrc">
                                    {{ csrf_field() }}        
                                    
                                    <input type="hidden" name="client" value="0" readonly/>
                                    <div class="row">
                                        <div class="col-lg-12 p-2" style="background-color: #e8ebed;">
                                            <div class="row d-flex justify-content-center">
                                                <div class="col-lg-9 bg-white"><div class="text-center" style="font-size: 2rem;font-weight: 800;"><span style="color: #fb9044;">NAJMA</span> <span style="color: #060e7a;">CONSULTANCY</span></div></div>
                                            </div>
                                            <div class="text-center" style="font-size: 2.5rem;font-weight: 800;color: #939595;"><span>HR CONSULTANCY PROPOSAL</span></div>
                                        </div>                                      
                                    </div>
                                    <hr><br>
                                    <input type="hidden" name="alp_ndid" value="{{ $inquiryno }}" readonly>
                                    <input type="hidden" name="status" value="{{ $status }}" readonly>
                                    <input type="hidden" name="type" value="{{ $type }}" readonly>
                                    <input type="hidden" name="alp_userid" value="{{ Auth::user()->id }}" readonly>
                                    @foreach ($najmadata as $data)
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row border" style="height: 100%;">
                                                <div class="col-lg-12 text-center text-bold p-2" style="border-bottom: 2px solid #eee;background-color: #f8f9fa">Prepared For:</div>
                                                <div class="col-lg-3 p-2">Company name</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_companyname_for" value="{{ $data->companyname }}">
                                                    <span class="text-danger error-text alp_hrc_companyname_for_error"></span>
                                                </div>
                                                <div class="col-lg-3 p-2">Address</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_address_for" value="{{ $data->area }}">
                                                    @if($errors->has('alp_hrc_address_for'))
                                                        <div class="text-danger">{{ $errors->first('alp_hrc_address_for') }}</div>
                                                    @endif
                                                </div>
                                                <div class="col-lg-3 p-2">Contact Person</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_contactperson_for" value="{{ $data->personname }}">
                                                    <span class="text-danger error-text alp_hrc_contactperson_for_error"></span>
                                                </div>
                                                <div class="col-lg-3 p-2">Email Id</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_email_for" value="{{ $data->email }}">
                                                    <span class="text-danger error-text alp_hrc_email_for_error"></span>
                                                </div>
                                                <div class="col-lg-3 p-2">Tel. No</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_telphone_for" value="{{ $data->contactno }}">
                                                    <span class="text-danger error-text alp_hrc_telphone_for_error"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="row border" style="height: 100%;">
                                                <div class="col-lg-12 text-center text-bold p-2" style="border-bottom: 2px solid #eee;background-color: #f8f9fa">Prepared By:</div>
                                                <div class="col-lg-3 p-2">Company name</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_companyname_by" value="{{ old('alp_hrc_companyname_by') }}">
                                                    @if($errors->has('alp_hrc_companyname_by'))
                                                        <div class="text-danger">{{ $errors->first('alp_hrc_companyname_by') }}</div>
                                                    @endif
                                                </div>
                                                <div class="col-lg-3 p-2">Address</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_address_by" value="{{ old('alp_hrc_address_by') }}">
                                                    @if($errors->has('alp_hrc_address_by'))
                                                        <div class="text-danger">{{ $errors->first('alp_hrc_address_by') }}</div>
                                                    @endif
                                                </div>
                                                <div class="col-lg-3 p-2">Contact Person</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_contactperson_by" value="{{ old('alp_hrc_contactperson_by') }}">
                                                    @if($errors->has('alp_hrc_contactperson_by'))
                                                        <div class="text-danger">{{ $errors->first('alp_hrc_contactperson_by') }}</div>
                                                    @endif
                                                </div>
                                                <div class="col-lg-3 p-2">Email</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_email_by" value="{{ old('alp_hrc_email_by') }}">
                                                    @if($errors->has('alp_hrc_email_by'))
                                                        <div class="text-danger">{{ $errors->first('alp_hrc_email_by') }}</div>
                                                    @endif
                                                </div>
                                                <div class="col-lg-3 p-2">Tel. No</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_hrc_telphone_by" value="{{ old('alp_hrc_telphone_by') }}">
                                                    @if($errors->has('alp_hrc_telphone_by'))
                                                        <div class="text-danger">{{ $errors->first('alp_hrc_telphone_by') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                    <br>
                                    @foreach ($hrc as $item)
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <textarea class="@error('alp_hrc_company_intro') is-invalid @enderror" name="alp_hrc_company_intro" id="summernote_one">{{ $item->company_intro }}
                                                </textarea>
                                                @error('alp_hrc_company_intro')
                                                    <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                    @endforeach 
                                    <h5 class="text-danger error-text" id="tableerrors"></h5>
                                    <div class="row d-flex justify-content-end pb-1">
                                        {{-- <div class="btn btn-info btn-sm" id="add_rowA">Add</div> --}}
                                        <a href="javascript:void(0);" class="btn btn-success btn-sm" id="add_rowA"><i class="fa fa-plus"></i> Add Row</a>
                                    </div>
                                    <div class="row">                                        
                                        <table class="table table-bordered table-sm" id="dynamicTable">
                                            <tr class="text-center bg-light">
                                                <th style="width: 50px;"><span>No.</span></th>
                                                <th style="width: 300px;"><span>Scope of Work</span></th>
                                                <th style="width: 600px;"><span>Pricing</span></th>
                                                <th><span>Action</span></th>
                                            </tr>
                                            <tbody id="row_body3">
                                                <input type="hidden" value="0" id="row_countA">
                                            </tbody>
                                        </table>
                                    </div>
                                    @foreach ($hrc as $item)
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <textarea class="@error('alp_hrc_payment_term') is-invalid @enderror" name="alp_hrc_payment_term" id="summernote">{{ $item->payment_term }}
                                            </textarea>
                                            @error('alp_hrc_payment_term')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    @endforeach  
                                    <div class="row pb-5">
                                        <div class="col-lg-12 ">
                                            <div>For and on behalf of:</div>
                                            <div>NAJMA Human Resources Consultancy</div>
                                        </div>
                                    </div>    
                                    <div class="row">
                                        <div class="col-lg-12" style="color:red;">
                                            <div>Ms. Fely Rose </div>
                                            <div>HR Consultancy Department</div>
                                        </div>
                                    </div>                             
                                    <div class="row p-4">
                                        <div class="col-lg-12">
                                            <button type="submit" class="btn btn-success">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div><!-- /.card-body -->
                        </div>
                    </section>
                    <!-- /.Left col -->
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <script>
        $().ready(function() {
            $('#add_rowA').on('click', function() {
                // alert('hii');
                var row_countA = $('#row_countA').val();
                row_countA++;
                var content =   '<tr id="rowA'+row_countA+'">' + 
                                    '<td><input type="text" class="w-100 text-center" name="items['+row_countA+'][alp_hrc_srno]" id="srno'+row_countA+'" value="'+row_countA+'" readonly></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][apl_hrc_scope_of_work]" id="des'+row_countA+'" required></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][apl_hrc_price]" id="dur'+row_countA+'" required></td>\
                                    <td><a href="javascript:void(0);" class="w-100 remove_row btn btn-danger btn-sm" data-row="'+row_countA+'"><i class="fa fa-trash"></i></a></td>';
                                '</tr>';
                $('#row_body3').append(content);
                $('#row_countA').val(row_countA);
            });
        });
        // delete row 
        $(document).on('click', '.remove_row', function() {
            var row_countA = $(this).attr('data-row');
            $('#rowA'+row_countA).remove();
        });
    </script>
    <script>
        $(function () {
            $('#summernote_one').summernote({
            fontSizes: ['8', '9', '10', '11', '12', '14', '15', '16', '17', '18', '19', '20'],
            toolbar: [
              // [groupName, [list of button]]
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ]
          });
          $('#summernote').summernote({
            fontSizes: ['8', '9', '10', '11', '12', '14', '15', '16', '17', '18', '19', '20'],
            toolbar: [
              // [groupName, [list of button]]
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ]
          });
        });

        //payment terms day
		$(document).on("keyup", "#payment_term_date", function() {
            var payment_termsday = jQuery(this).val();
            $("#day").html(payment_termsday);

            console.log(payment_termsday, 'ffff');

        });
    </script>
    <script>
        // form submit 
        $("#main_form_hrc").on('submit', function(e){
        e.preventDefault();

        $.ajax({
            url:$(this).attr('action'),
            method:$(this).attr('method'),
            data:new FormData(this),
            processData:false,
            dataType:'json',
            contentType:false,
            beforeSend:function(){
                $(document).find('span.error-text').text('');
            },
            success:function(data){
                if (data.errormsg != ""){
		  	        $("#errormsg").html(data.errormsg);
                }

                if (data.status == 0) {
	  	            $("#tableerror").html(data.table_status);
	  	            $("#tableerrors").html(data.table_status);
                    $.each(data.error, function(prefix, val){
                        $('span.'+prefix+'_error').text(val[0]);                        
                    });
                }else{
                    $('#main_form_hrc')[0].reset();
                    // alert(data.msg);
                    // sessionStorage.setItem("cpmsg", data.msg);
                    window.location.href = '{{route("contract/hrc/proposal/index")}}';
                }
            }
        })
    })
    </script>
@endsection