{{-- <x-app-layout> --}}
    @extends('layouts.master')
    <!-- Theme style -->
    @section('superadmin')
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <h1>Najma Directory Edit</h1>
            </div>
            <div class="col-sm-6">
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active">Najma Directory Edit</li>
              </ol>
            </div>
          </div>
        </div><!-- /.container-fluid -->
      </section>

      <!-- Main content -->
      <section class="content">
        <!-- Modal End -->
        <div class="container-fluid">
          <div class="row">
            <div class="col-12">
              <!-- /.card -->
              <div class="card">
                <div class="card-header">
                  {{-- <h3 class="card-title"></h3> --}}
                  <div class="col-lg-1 float-right">
                    <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('super/admin/najma/directory/update') }}" method="post">
                        @csrf
                        @foreach ($najmadirectory as $data)
                    <div class="row">
                        <input type="hidden" name="id" value="{{ $data->id }}" readonly>
                        <div class="col-lg-3">
                            <label for="">Contracted Date</label>
                            <input type="date" name="datecontracted" class="form-control" value="{{ $data->datecontracted }}">
                            <span class="text-danger error-text datecontracted_error"></span>
                        </div>

                        <div class="col-lg-3">
                            <label for="">Coordinator</label>
                            <select name="coordinator" class="select2 color:dark" style="width: 100%;" disabled>
                                <option value="0" selected>Select a Marketing Coordinator</option>
                                @foreach ($marketings as $marketing)
                                    <option value="{{ $marketing->id }}" {{ ( $marketing->id == $data->coordinator) ? 'selected' : '' }}>{{ $marketing->username }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text inq_coordinator_error"></span>
                        </div>

                        <div class="col-lg-6">
                            <label for="">Company Name</label>
                            <input type="text" name="companyname" class="form-control" value="{{ $data->companyname }}">
                            <span class="text-danger error-text companyname_error"></span>
                        </div>

                        <div class="col-lg-6">
                            <label for="">Website</label>
                            <input type="text" name="website" class="form-control" value="{{ $data->website }}">
                            <span class="text-danger error-text website_error"></span>
                        </div>

                        <div class="col-lg-3">
                            <label for="">Scope of Business</label>
                            <select name="sob" class="select2 color:dark" style="width: 100%;" >
                                <option value="0" selected>Select a Scope of Business</option>
                                @foreach ($scopeofbusiness as $business)
                                    <option value="{{ $business->id }}" {{ ( $business->id == $data->sob) ? 'selected' : '' }}>{{ $business->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text sob_error"></span>
                        </div>

                        <div class="col-lg-3">
                            <label for="">Emirates</label>
                            <select name="emirates" class="select2 color:dark" style="width: 100%;" >
                                <option value="0" selected>Select a Emirate</option>
                                @foreach ($emirates as $emirate)
                                    <option value="{{ $emirate->id }}" {{ ( $emirate->id == $data->emirates) ? 'selected' : '' }}>{{ $emirate->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text emiratess_error"></span>
                        </div>

                        <div class="col-lg-6">
                            <label for="">Area</label>
                            <input type="text" name="area" class="form-control" value="{{ $data->area }}">
                            <span class="text-danger error-text area_error"></span>
                        </div>
                        <div class="col-lg-3">
                            <label for="">Country</label>
                            <select name="country" class="select2 color:dark" style="width: 100%;" >
                                <option value="0" selected>Select a Country</option>
                                @foreach ($countries as $country)
                                    <option value="{{ $country->id }}" {{ ( $country->id == $data->country) ? 'selected' : '' }}>{{ $country->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text country_error"></span>
                        </div>
                        <div class="col-lg-3">
                            <label for="">Gender</label>
                            <select name="gender" class="select2 color:dark" style="width: 100%;" >
                                <option value="0" selected>Select a Gender</option>
                                <option value="1" {{ ( 1 == $data->gender) ? 'selected' : '' }}>Male</option>
                                <option value="2" {{ ( 2 == $data->gender) ? 'selected' : '' }}>FeMale</option>
                                {{-- <option value="3">Other</option> --}}
                            </select>
                            <span class="text-danger error-text gender_error"></span>
                        </div>

                        <div class="col-lg-3">
                            <label for="">Contact Person Name</label>
                            <input type="text" name="personname" class="form-control" value="{{ $data->personname }}">
                            <span class="text-danger error-text personname_error"></span>
                        </div>

                        <div class="col-lg-3">
                            <label for="">Contact Number</label>
                            <input type="text" name="contactno" class="form-control" value="{{ $data->contactno }}">
                            <span class="text-danger error-text contactno_error"></span>
                        </div>

                        <div class="col-lg-6">
                            <label for="">Contact Email</label>
                            <input type="text" name="email" class="form-control" value="{{ $data->email }}">
                            <span class="text-danger error-text email_error"></span>
                        </div>

                        <div class="col-lg-12">
                            <div class="row pt-2">
                                <div class="row pt-2" style="padding: 0px 11px 0px 11px;">
                                    <table class="table table-bordered table-sm" id="dynamicTable">
                                        <thead>
                                        <tr>
                                            <th style="margin-left: 8px;width: 17rem;text-align: center;">Contact Person Name</th>
                                            <th style="margin-left: 5px;width: 16rem;text-align: center;">Contact Number</th>
                                            <th style="margin-left: 9px;width: 32rem;text-align: center;">Contact Email</th>
                                        </tr>
                                        </thead>
                                        <tbody id="row_body3">
                                            @foreach ($data->najmadirectoryrevisionitems as $item)
                                                <tr>
                                                    <td><input type="text" class="form-control" name="" value="{{ $item->newpersonname }}"></td>
                                                    <td><input type="text" class="form-control" name="" value="{{ $item->newcontactno }}"></td>
                                                    <td><input type="text" class="form-control" name="" value="{{ $item->newemail }}"></td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div><br>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <label for="">Contact Person Position</label>
                            <input type="text" name="contact_person_position" class="form-control" value="{{ $data->contact_person_position }}">
                            <span class="text-danger error-text contact_person_position_error"></span>
                        </div>

                        <div class="col-lg-6">
                            <label for="">Category</label>
                            <select name="category" class="select2 color:dark" style="width: 100%;" >
                                <option value="0" selected>Select a category</option>
                                @foreach ($category as $cat)
                                    <option value="{{ $cat->id }}" {{ ( $cat->id == $data->category) ? 'selected' : '' }}>{{ $cat->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text category_error"></span>
                        </div>

                        <div class="col-lg-12">
                            <label for="">Remarks</label>
                            <textarea name="remarks" class="form-control" rows="3">{{ $data->remarks }}</textarea>
                            <span class="text-danger error-text remarks_error"></span>
                        </div>

                        <div class="col-lg-12 text-center pt-3 pb-4 text-blue"><h4> <b><span>***</span> Sales Tracker Data <span>***</span></b></h4></div>
                        <div class="col-lg-3">
                            <label for="">Sales Action</label>
                            <select name="salesaction" id="salesactionone" class="select2" style="width: 100%;">
                                <option value="0" selected>Select a Sales action</option>
                                @foreach ($sales_action as $sa)
                                    <option value="{{ $sa->id }}" {{ ( $sa->id == $data->salesaction) ? 'selected' : '' }}>{{ $sa->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text salesaction_error"></span>
                        </div>
                        <div class="col-lg-3">
                            <label for="">Contract admin</label>
                            <select name="sales_cadmin" class="select2" id="contractadminone" style="width: 100%;" disabled>
                                <option value="0" selected>Select a Sales action</option>
                                @foreach ($contractadmin as $contract)
                                    <option value="{{ $contract->id }}" {{ ( $contract->id == $data->sales_cadmin) ? 'selected' : '' }}>{{ $contract->username }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text sales_cadmin_error"></span>
                        </div>
                        <div class="col-lg-3">
                            <label for="">Date of Follow up Action</label>
                            <input type="date" name="sales_date_followup_action" class="form-control" value="{{ $data->sales_date_followup_action }}">
                            <span class="text-danger error-text sales_date_followup_action_error"></span>
                        </div>
                        <div class="col-lg-3">
                            <label for="">Sales Status</label>
                            <select name="salesstatus" class="select2" style="width: 100%;">
                                <option value="0" selected>Select a Sales action</option>
                                @foreach ($sales_status as $ss)
                                    <option value="{{ $ss->id }}" {{ ( $ss->id == $data->salesstatus) ? 'selected' : '' }}>{{ $ss->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text salesstatus_error"></span>
                        </div>
                        <div class="col-lg-4">
                            <label for="">Latest Updated Date</label>
                            <input type="date" name="sales_latest_updated_date" class="form-control" value="{{ $data->sales_latest_updated_date }}">
                            <span class="text-danger error-text sales_latest_updated_date_error"></span>
                        </div>
                        <div class="col-lg-4">
                            <label for="">Latest Sales Status</label>
                            {{-- <input type="text" name="sales_status_latest" class="form-control" value="0"> --}}
                            <select name="sales_status_latest" class="select2" style="width: 100%;" disabled>
                                <option value="0" selected>Select a Sales Status Latest</option>
                                @foreach ($sales_status_latest as $ssl)
                                    <option value="{{ $ssl->id }}" {{ ( $ssl->id == $data->sales_status_latest) ? 'selected' : '' }}>{{ $ssl->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text sales_status_latest_error"></span>
                        </div>
                        <div class="col-lg-4">
                            <label for="">Latest Date Follow up Action</label>
                            <input type="date" name="sales_latest_date_followup_action" class="form-control" value="{{ $data->sales_latest_date_followup_action }}">
                            <span class="text-danger error-text sales_latest_date_followup_action_error"></span>
                        </div>
                        <div class="col-lg-12">
                            <label for="">Latest Sales Remarks</label>
                            <textarea name="salesremarks" class="form-control" rows="3" >{{ $data->salesremarks }}</textarea>
                            <span class="text-danger error-text salesremarks_error"></span>
                        </div>
                        <div class="col-lg-12 text-center pt-3 pb-4 text-blue"><h4> <b><span>***</span> Marketing Tracker Data <span>***</span></b></h4></div>

                        <div class="col-lg-4">
                            <label for="">Marketing Action</label>
                            <select name="marketingaction" class="select2" id="salesactiontwo" style="width: 100%;">
                                <option value="0" selected>Select a Marketing Action</option>
                                @foreach ($marketingactions as $marketingaction)
                                    <option value="{{ $marketingaction->id }}" {{ ( $marketingaction->id == $data->marketingaction) ? 'selected' : '' }}>{{ $marketingaction->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text salesaction_error"></span>
                        </div>
                        <div class="col-lg-4">
                            <label for="">Contract admin</label>
                            <select name="marketing_cadmin" class="select2" id="contractadmintwo" style="width: 100%;" disabled>
                                <option value="0" selected>Select a Contract Admin</option>
                                @foreach ($contractadmin as $contract)
                                    <option value="{{ $contract->id }}" {{ ( $contract->id == $data->marketing_cadmin) ? 'selected' : '' }}>{{ $contract->username }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text marketing_cadmin_error"></span>
                        </div>

                        <div class="col-lg-4">
                            <label for="">Marketking Vendor Registration</label>
                            <select name="marketking_vendor_registration" class="select2" style="width: 100%;">
                                <option value="0" selected>Select a Marketing Vendor Registration</option>
                                @foreach ($vendorregistyers as $vendorregistyer)
                                    <option value="{{ $vendorregistyer->id }}" {{ ( $vendorregistyer->id == $data->marketking_vendor_registration) ? 'selected' : '' }}>{{ $vendorregistyer->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text marketking_vendor_registration_error"></span>
                        </div>

                        <div class="col-lg-4">
                            <label for="">Marketking Status</label>
                            <select name="marketingstatus" class="select2" style="width: 100%;">
                                <option value="0" selected>Select a Marketing Status</option>
                                @foreach ($marketingstatuses as $marketingstatuse)
                                    <option value="{{ $marketingstatuse->id }}" {{ ( $marketingstatuse->id == $data->marketingstatus) ? 'selected' : '' }}>{{ $marketingstatuse->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text marketingstatus_error"></span>
                        </div>
                        <div class="col-lg-4">
                            <label for="">Marketing Date followup Action</label>
                            <input type="date" name="marketing_datefollowup_action" class="form-control" value="{{ $data->marketing_datefollowup_action }}">
                            <span class="text-danger error-text marketing_datefollowup_action_error"></span>
                        </div>

                        <div class="col-lg-12">
                            <label for="">Marketing Remarks</label>
                            <textarea name="marketingremarks" class="form-control" rows="3" >{{ $data->marketingremarks }}</textarea>
                            <span class="text-danger error-text marketingremarks_error"></span>
                        </div>

                        <div class="col-lg-12 text-center pt-3 pb-4 text-blue"><h4> <b><span>***</span> Customer Care Tracker Data <span>***</span></b></h4></div>

                        <div class="col-lg-3">
                            <label for="">Customer Care Action</label>
                            <select name="customercare_action" class="select2" id="salesactionthree" style="width: 100%;">
                                <option value="0" selected>Select a Customer Care Action</option>
                                @foreach ($customercare_actions as $customercare_action)
                                    <option value="{{ $customercare_action->id }}" {{ ( $customercare_action->id == $data->customercare_action) ? 'selected' : '' }}>{{ $customercare_action->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text customercare_action_error"></span>
                        </div>
                        <div class="col-lg-3">
                            <label for="">Contract admin</label>
                            <select name="customercare_cadmin" class="select2" id="contractadminthree" style="width: 100%;" disabled>
                                <option value="0" selected>Select a Contract admin</option>
                                @foreach ($contractadmin as $contract)
                                    <option value="{{ $contract->id }}" {{ ( $contract->id == $data->customercare_cadmin) ? 'selected' : '' }}>{{ $contract->username }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text customercare_cadmin_error"></span>
                        </div>
                        <div class="col-lg-3">
                            <label for="">Follow up Date</label>
                            <input type="date" name="customercare_datefollowup_required" class="form-control" value="{{ $data->customercare_datefollowup_required }}">
                            <span class="text-danger error-text customercare_datefollowup_required_error"></span>
                        </div>
                        <div class="col-lg-3">
                            <label for="">Customer Care Action Status</label>
                            <select name="customercare_actionstatus" class="select2" style="width: 100%;">
                                <option value="0" selected>Select a Customer Care Action Status</option>
                                @foreach ($customercare_actionstatus as $customercare_actionstatu)
                                    <option value="{{ $customercare_actionstatu->id }}" {{ ( $customercare_actionstatu->id == $data->customercare_actionstatus) ? 'selected' : '' }}>{{ $customercare_actionstatu->name }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger error-text customercare_actionstatus_error"></span>
                        </div>
                        <div class="col-lg-12">
                            <label for="">Customer Care Remarks</label>
                            <textarea name="customercare_remarks" class="form-control" rows="3" >{{ $data->customercare_remarks }}</textarea>
                            <span class="text-danger error-text customercare_remarks_error"></span>
                        </div>
                    </div>
                    @endforeach
                    <br>
                    <div class="row">
                        <div class="col-lg-12">
                            <button type="submit" class="btn btn-success">Submit</button>
                        </div>
                    </div>
                    </form>
                </div>
                <!-- /.card-body -->
              </div>
              <!-- /.card -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
      </section>
      <!-- /.content -->
    </div>
    <script>
        let action = $('#salesactionone').val();
        if(action == 1){
            $('#contractadminone').prop("disabled", false);
        }
        // on change seles action
        $('#salesactionone').on('change', function(){
            var salesaction = $(this).val();
            if(salesaction == 1){
                // alert('yes');
                $('#contractadminone').prop("disabled", false);
                // $('#remark').prop("disabled", true);
            }else{
                // alert('no');
                $('#contractadminone').prop("disabled", true);
                // $('#remark').prop("disabled", false);
            }
        });

        let actiontwo = $('#salesactiontwo').val();
        if(actiontwo == 1){
            $('#contractadmintwo').prop("disabled", false);
        }
        // on change seles action
        $('#salesactiontwo').on('change', function(){
            // console.log('hiii');
            var salesactionTwo = $(this).val();
            if(salesactionTwo == 1){
                // alert('yes');
                $('#contractadmintwo').prop("disabled", false);
                // $('#remark').prop("disabled", true);
            }else{
                // alert('no');
                $('#contractadmintwo').prop("disabled", true);
                // $('#remark').prop("disabled", false);
            }
        });

        let actionthree = $('#salesactionthree').val();
        if(actionthree == 1){
            $('#contractadminthree').prop("disabled", false);
        }
        // on change seles action
        $('#salesactionthree').on('change', function(){
            // console.log('hiii');
            var salesactionThree = $(this).val();
            if(salesactionThree == 1){
                // alert('yes');
                $('#contractadminthree').prop("disabled", false);
                // $('#remark').prop("disabled", true);
            }else{
                // alert('no');
                $('#contractadminthree').prop("disabled", true);
                // $('#remark').prop("disabled", false);
            }
        });
    </script>
@endsection