@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 Edit</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 Edit</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/update')}}" method="post" enctype="multipart/form-data" id="main_form_hrc">
                                    {{ csrf_field() }}        
                                    @foreach ($edits as $edit)
                                    <input type="hidden" name="id" value="{{ $edit->id }}" 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_userid" value="{{ $edit->alp_userid }}" readonly>
                                    <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="{{ $edit->alp_hrc_companyname_for }}">
                                                    <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="{{ $edit->alp_hrc_address_for }}">
                                                    @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="{{ $edit->alp_hrc_contactperson_for }}">
                                                    <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="{{ $edit->alp_hrc_email_for }}">
                                                    <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="{{ $edit->alp_hrc_telphone_for }}">
                                                    <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="{{ $edit->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="{{ $edit->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="{{ $edit->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="{{ $edit->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="{{ $edit->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>
                                    <br>
                                        <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">{{ $edit->alp_hrc_company_intro }}
                                                </textarea>
                                                @error('alp_hrc_company_intro')
                                                    <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                    <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: 30px;"><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="{{$items_leads}}" id="row_countA">
                                                @php
                                                    $numItems = count($items);
                                                    $i = 0;
                                                @endphp
                                                @foreach ($items as $item)
                                                    @if(++$i === $numItems)
                                                    @endif
                                                <tr id="rowA{{ $i }}">
                                                    <td><input type="text" class="text-center" name="items[{{ $i }}][alp_hrc_srno]" id="srno{{ $i }}" value="{{ $item->alp_hrc_srno }}" readonly>
                                                        <input type="hidden" name="items[{{ $i }}][hrcid]" id="hrcid{{ $i }}" value="{{ $item->alp_hrc_id }}" readonly>
                                                        <input type="hidden" name="items[{{ $i }}][hrc_item_id]" id="hrcitemid{{ $i }}" value="{{ $item->id }}" readonly>
                                                    <td><input type="text" class="w-100" name="items[{{ $i }}][apl_hrc_scope_of_work]" id="des{{ $i }}" value="{{ $item->apl_hrc_scope_of_work }}"></td>
                                                    <td><input type="text" class="w-100" name="items[{{ $i }}][apl_hrc_price]" id="dur{{ $i }}" value="{{ $item->apl_hrc_price }}"></td>
                                                    <td><a href="javascript:void(0);" class="w-100 remove_row btn btn-danger btn-sm" data-row="{{ $i }}"><i class="fa fa-trash"></i></a></td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <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">{{ $edit->alp_hrc_payment_term }}
                                            </textarea>
                                            @error('alp_hrc_payment_term')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <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> 
                                    @endforeach
                                    <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');
            var item_id = $('#hrcitemid'+row_countA).val();
            var hrc_id = $('#hrcid'+row_countA).val();
            swal({
                title: "Are you sure?",
                text: "Once deleted, you want to delete!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        url:'{{ route("contract/hrc/item/delete") }}',
                        method:'POST',
                        dataType:"json",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            item_id:item_id,
                            hrc_id:hrc_id,
                        },
                        success:function(response){
                            $('#rowA'+row_countA).remove();
                        }
                    })
                }else {
                    swal("Your lead is safe!");
                }
            });

        });
    </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>
@endsection