@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">Annual commercial Proposal Show</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">Annual commercial Proposal Show</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/ac/proposal/update')}}" method="post" enctype="multipart/form-data" id="main_form_ac">
                                    {{ csrf_field() }}      
                                    
                                    @foreach ($ac as $edit)
                                    <input type="hidden" name="acid" value="{{ $edit->id }}" readonly/>
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <div style="font-size: 25px;font-weight: 600;color: #fb9044;">NAJMA</div>
                                            <div style="font-size: 15px;font-weight: 600;">HUMAN RESOURCES</div>
                                            <div style="font-size: 15px;font-weight: 600;">CONSULTANCY</div>
                                            <div style="font-size: 12px;">PO Box. 32390</div>
                                            <div style="font-size: 12px;">Dubai U.A.E</div>
                                            <div style="font-size: 12px;">Telephone: 04 3455707,04 3453780</div>
                                            <div style="font-size: 12px;">Fax: 04 3453761</div>
                                            <div style="font-size: 12px;">Email: najmauae@eim.ae</div>
                                            <div style="font-size: 12px;">rohit@najmaconsultancy.com</div>
                                            <div style="font-size: 12px;">TRN: 100355383900003</div>
                                        </div>
                                        <div class="col-lg-4">
                                            <img src="{{ url('najma_logo.jpg') }}" class="img-fluid" alt="">
                                        </div>
                                        <div class="col-lg-4">
                                            <div style="font-size: 25px;font-weight: 600;color: #fb9044;">نجمة</div>
                                            <div style="font-size: 15px;font-weight: 600;">الموارد البشرية</div>
                                            <div style="font-size: 15px;font-weight: 600;">الاستشارات</div>
                                            <div style="font-size: 12px;">صندوق البريد. 32390</div>
                                            <div style="font-size: 12px;">دبي الامارات العربية المتحدة</div>
                                            <div style="font-size: 12px;">الهاتف: 04 3455707,04 3453780</div>
                                            <div style="font-size: 12px;">فاكس: 043453761</div>
                                            <div style="font-size: 12px;">البريد الإلكتروني: najmauae@eim.ae</div>
                                            <div style="font-size: 12px;">rohit@najmaconsultancy.com</div>
                                            <div style="font-size: 12px;">رقم التسجيل الضريبي: 100355383900003</div>
                                        </div>
                                    </div>
                                    <hr><br>
                                    <input type="hidden" name="alp_user_id" value="{{ $edit->alp_user_id }}" readonly>
                                    <div class="col-lg-12">
                                        <textarea class="@error('alp_company_intro') is-invalid @enderror" name="alp_company_intro" id="summernote_one">{{ $edit->alp_company_intro }}</textarea>
                                        @error('alp_company_intro')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-lg-12">
                                        <b>IV.	Commercial Proposal</b>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row border border-dark" style="height: 100%;">
                                                <div class="col-lg-12 text-center text-white p-2" style="background-color: #170068">The Client</div>
                                                <div class="col-lg-12 text-bold pb-2 pt-3">Individual</div>
                                                <div class="col-lg-12 text-bold">Dubai, UAE</div>
                                                <div class="col-lg-3 p-2">Project</div>
                                                <div class="col-lg-9 p-2">
                                                    <input type="text" class="w-100" name="alp_acp_project" value="{{ $edit->alp_acp_project }}">
                                                    <span class="text-danger error-text alp_acp_project_error"></span>
                                                </div>
                                                <div class="col-lg-3 p-2">POC</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_acp_poc" value="{{ $edit->alp_acp_poc }}"></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_acp_email_id" value="{{ $edit->alp_acp_email_id }}">
                                                    <span class="text-danger error-text alp_acp_email_id_error"></span>
                                                </div>
                                                <div class="col-lg-3 p-2">Designation/Dpt</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_acp_designation_dt" value="{{ $edit->alp_acp_designation_dt }}"></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_acp_telephone_no" value="{{ $edit->alp_acp_telephone_no }}">
                                                    <span class="text-danger error-text alp_acp_telephone_no_error"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="row border border-dark" style="height: 100%;">
                                                <div class="col-lg-12 text-center text-white p-2" style="background-color: #170068">The Reference</div>
                                                <div class="col-lg-3 text-bold pb-3 p-2">Proposal No</div>
                                                <div class="col-lg-9 p-2 pb-4 pt-3">
                                                    <input type="text" class="w-100" name="alp_proposal_no" value="{{ $edit->alp_proposal_no }}">
                                                    <span class="text-danger error-text alp_proposal_no_error"></span>
                                                </div>
                                                <div class="col-lg-3 p-2">Date</div>
                                                <div class="col-lg-9 p-2"><input type="date" class="w-100" name="alp_acp_date" value="{{ $edit->alp_acp_date }}"></div>
                                                <div class="col-lg-3 p-2">Inquiry Ref No</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_acp_inquiry_ref_no" value="{{ $edit->alp_acp_inquiry_ref_no }}" readonly></div>
                                                <div class="col-lg-3 p-2">Payment Term</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_acp_payment_term" value="{{ $edit->alp_acp_payment_term }}"></div>
                                                <div class="col-lg-3 p-2">Currency</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_acp_currency" value="{{ $edit->alp_acp_currency }}"></div>
                                                <div class="col-lg-3 p-2">Validity</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_acp_validity" value="{{ $edit->alp_acp_validity }}"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <br><br>
                                    <div class="col-lg-12">
                                        <textarea class="@error('alp_commercial_proposal') is-invalid @enderror" name="alp_commercial_proposal" id="summernote_two">{{ $edit->alp_commercial_proposal }}</textarea>
                                        @error('alp_commercial_proposal')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </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: 50px;"><span>SR.No.</span></th> --}}
                                                <th style=""><span>DESCRIPTION</span></th>
                                                <th><span>DURATION</span></th>
                                                <th><span>LOCATION</span></th>
                                                <th><span>QUANTITY</span></th>
                                                <th><span>UNIT</span></th>
                                                <th style="width: 93px;"><span>REGULAR UNIT PRICE</span></th>
                                                <th style="width: 93px;"><span>OFFERED DISCOUNT</span></th>
                                                <th style="width: 93px;"><span>OFFERED UNIT PRICE</span></th>
                                                <th style="width: 126px;"><span>AMOUNT EXCEL.VAT (AED)</span></th>
                                                {{-- <th><span>Action</span></th> --}}
                                            </tr>
    
                                            @foreach ($edit->acitems as $item)
                                            <tr id="row1">
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_description]" id="des'+row_countA+'" value="{{ $item->alp_description }}"></td>
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_duration]" id="dur'+row_countA+'" value="{{ $item->alp_duration }}"></td>
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_location]" id="loca'+row_countA+'" value="{{ $item->alp_location }}"></td>
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_quantity]" id="qty'+row_countA+'" value="{{ $item->alp_quantity }}"></td>
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_unit]" id="unit'+row_countA+'" value="{{ $item->alp_unit }}"></td>
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_regular_unit_price]" id="rup'+row_countA+'" value="{{ $item->alp_regular_unit_price }}"></td>
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_offered_discount]" id="offered_dic'+row_countA+'" value="{{ $item->alp_offered_discount }}"></td>
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_offered_unit_price]" id="oup'+row_countA+'" value="{{ $item->alp_offered_unit_price }}"></td>
                                                <td><input type="text" class="w-100" name="items['+row_countA+'][alp_amount]" id="amt'+row_countA+'" value="{{ $item->alp_amount }}"></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>
                                            @endforeach
    
                                            <tbody id="row_body3">
                                                <input type="hidden" name="alp_rep_amount" value="" id="rep_amount">
                                                <input type="hidden" value="0" id="row_countA">
                                            </tbody>
                                            <tr class="text-bold">
                                                <td colspan="5" style="border-left: none;"></td>
                                                <td colspan="2">SUBTOTAL</td>
                                                <td style="width: 130px;" colspan="2"><input type="text" class="w-100" name="alp_acp_subtotal" id="subamount" value="{{ $edit->alp_acp_subtotal }}"></td>
                                            </tr>
                                            <tr class="text-bold">
                                                <td colspan="5"></td>
                                                <td colspan="2">Less: Other Disc (If any)</td>
                                                <td style="width: 130px;" colspan="2"><input type="text" class="w-100" name="alp_acp_other_discount" id="vat" value="{{ $edit->alp_acp_other_discount }}"></td>
                                            </tr>
                                            <tr class="text-bold">
                                                <td colspan="5"></td>
                                                <td class="bg-light" colspan="2">TOTAL AMOUNT</td>
                                                <td class="bg-light" style="width: 130px;" colspan="2"><input type="text" class="w-100" name="alp_acp_total_amount" id="final_amount" value="{{ $edit->alp_acp_total_amount }}"></td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="col-lg-12">
                                        <textarea class="@error('alp_tac') is-invalid @enderror" name="alp_tac" id="summernote_three">{{ $edit->alp_tac }}</textarea>
                                        @error('alp_tac')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div>For and on behalf of NAJMA Human Resources Consultancy.</div>
                                        </div>                                        
                                    </div><br>
                                    <div class="col-lg-6 border-top border-dark pb-3"></div>
                                    <div class="row pb-1">
                                        <div class="col-lg-1">Name :</div>
                                        <div class="col-lg-11"><input type="text" class="w-50" name="alp_najma_hrc_name" value="{{ $edit->alp_najma_hrc_name }}"></div>
                                    </div>
                                    <div class="row pb-1">
                                        <div class="col-lg-1">Email :</div>
                                        <div class="col-lg-11"><input type="text" class="w-50" name="alp_najma_hrc_email" value="{{ $edit->alp_najma_hrc_email }}"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-1">Contact # :</div>
                                        <div class="col-lg-11"><input type="text" class="w-50" name="alp_najma_hrc_contact" value="{{ $edit->alp_najma_hrc_contact }}"></div>
                                    </div>
                                    <br>
                                    @endforeach
                                </form>
                            </div><!-- /.card-body -->
                        </div>
                    </section>
                    <!-- /.Left col -->
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <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');

        });
        // second template text
        $(function () {
            $('#summernote_two').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');

        });
        // third template text
        $(function () {
            $('#summernote_three').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']]
            ]
          });
        });
    </script>
@endsection