@extends('layouts.client')


@php
function searchForId($id, $array) {
   foreach ($array as $key => $val) {
       if ($val['meta_key'] === $id) {
           return $key;
       }
   }
   return null;
}
@endphp

@section('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">Update Complaint</h4>
            </div>

            @php
                        $data = $entry->details->toArray(); $serviceKey = searchForId('1.1', $data);
                        $serviceKey = searchForId('1.1', $data);
                            $service = $serviceKey ? $data[$serviceKey]['meta_value'] : null;

                            $fNameKey = searchForId('4.3',$data);
                            $lNameKey = searchForId('4.6', $data);
                            $fullName =   ($fNameKey  ? $data[$fNameKey]['meta_value'] : null) . " " . ($lNameKey ? $data[$lNameKey]['meta_value'] : null);

                            $occupationKey = searchForId('10', $data);
                            $occupation =  $occupationKey ?  $data[$occupationKey]['meta_value'] : null;

                            $nationalityKey = searchForId('9', $data);
                            $nationality = $nationalityKey ?  $data[$nationalityKey]['meta_value'] : null;

                            $phoneKey = searchForId('11', $data);
                            $phone = $phoneKey ? $data[$phoneKey]['meta_value'] : null;


                        $sexKey = searchForId('5', $data);
                        $sex = $data[$sexKey]['meta_value'];

                        $phoneKey = searchForId('11', $data);
                        $phone = $data[$phoneKey]['meta_value'];

                        $phoneOfficeKey = searchForId('13', $data);
                        $phoneOffice = $phoneOfficeKey ?  $data[$phoneOfficeKey]['meta_value'] : null;


                        $phoneOfficeKey = searchForId('12', $data);
                        $phoneOffice = $phoneOfficeKey ?  $data[$phoneOfficeKey]['meta_value'] : null;

                        $faxKey = searchForId('13', $data);
                        $fax = $faxKey ?  $data[$faxKey]['meta_value'] : null;

                        $emailKey = searchForId('17', $data);
                        $email = $emailKey ?  $data[$emailKey]['meta_value'] : null;

                        // $addKey = searchForId('13', $data);
                        // $add = $addKey ?  $data[$addKey]['meta_value'] : null;

                        $addKey1 = searchForId('14.1', $data);
                        $add1 = $addKey1 ?  $data[$addKey1]['meta_value'] : null;

                        $addKey2 = searchForId('14.2', $data);
                        $add2 = $addKey2 ?  $data[$addKey2]['meta_value'] : null;

                        $addKey3 = searchForId('14.3', $data);
                        $add3 = $addKey3 ?  $data[$addKey3]['meta_value'] : null;

                        $addKey4 = searchForId('14.4', $data);
                        $add4 = $addKey4 ?  $data[$addKey4]['meta_value'] : null;

                        $addKey5 = searchForId('14.5', $data);
                        $add5 = $addKey5 ?  $data[$addKey5]['meta_value'] : null;

                        $addKey6 = searchForId('14.6', $data);
                        $add6 = $addKey6 ?  $data[$addKey6]['meta_value'] : null;


                @endphp
            <div class="card-body">
            <form action="/clients/{{$client->id}}/complaint" method="post">
                @csrf
                <div class="form-group bmd-form-group">
                    <label class="bmd-label-floating"> User Complaint</label>
                    <textarea name="complaint" class="form-control" rows="5" spellcheck="false" >{{$client->complaint}}</textarea>
                </div>
                <div class="row">
                    <div class="col-md-5">
                    <button id="approve-payment-button" href="/payment-approve/{{  $entry->id }}" class="btn btn-primary pull-left" style="color:white">Update</button>
                </div>
                </div>

                <div class="row">
                    <div class="col-md-5">
                      <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Service</label>
                      <input type="text" class="form-control" value="{{$service}}" disabled="">
                      </div>
                    </div>
                  </div>
                <div class="row">
                  <div class="col-md-5">
                    <div class="form-group bmd-form-group">
                      <label class="bmd-label-floating">Full Name</label>
                    <input type="text" class="form-control" value="{{$fullName}}" disabled="">
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="form-group bmd-form-group">
                      <label class="bmd-label-floating">Sex</label>
                      <input type="text" class="form-control" value="{{$sex}}" disabled="">
                    </div>
                  </div>
                  <div class="col-md-5">
                    <div class="form-group bmd-form-group">
                      <label class="bmd-label-floating">nationality</label>
                    <input type="text" class="form-control" value="{{$nationality}}" disabled="">
                    </div>
                  </div>

                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group bmd-form-group">
                          <label class="bmd-label-floating">Occupation</label>
                          <input type="text" class="form-control" value="{{$occupation}}" disabled="">
                        </div>
                      </div>
                    <div class="col-md-3">
                      <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Phone</label>
                        <input type="text" class="form-control" value="{{$phone}}" disabled="">
                      </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group bmd-form-group">
                          <label class="bmd-label-floating">Office Number</label>
                          <input type="text" class="form-control" value="{{$phoneOffice}}" disabled="">
                        </div>
                      </div>
                  </div>

                  <div class="row">
                    <div class="col-md-4">
                      <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Fax Number</label>
                      <input type="text" class="form-control" value="{{$fax}}" disabled="">
                      </div>
                    </div>
                    <div class="col-md-5">
                      <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Email</label>
                        <input type="text" class="form-control" value="{{$email}}" disabled="">
                      </div>
                    </div>
                  </div>

                  <div class="row">
                    <div class="col-md-4">
                      <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Address</label>
                      <input type="text" class="form-control" value="{{$add1}}" disabled="">
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Street Address</label>
                        <input type="text" class="form-control" value="{{$add2}}" disabled="">
                      </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group bmd-form-group">
                          <label class="bmd-label-floating">Address Line 2 </label>
                          <input type="text" class="form-control" value="{{$add3}}" disabled="">
                        </div>
                      </div>
                  </div>

                  <div class="row">
                    <div class="col-md-3">
                        <div class="form-group bmd-form-group">
                          <label class="bmd-label-floating">City</label>
                        <input type="text" class="form-control" value="{{$add4}}" disabled="">
                        </div>
                      </div>
                    <div class="col-md-3">
                      <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">ZIP / Postal Code</label>
                      <input type="text" class="form-control" value="{{$add5}}" disabled="">
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">
                            State / Province / Region</label>
                        <input type="text" class="form-control" value="{{$add6}}" disabled="">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-3">
                        <div class="form-group bmd-form-group">
                          <label class="bmd-label-floating">Country</label>
                        <input type="text" class="form-control" value="{{$add6}}" disabled="">
                        </div>
                      </div>

                  </div>

                  <div class="row">
                    <div class="col-md-3">
                        <div class="form-group bmd-form-group">
                          <label class="bmd-label-floating">Country</label>
                        <input type="text" class="form-control" value="{{$add6}}" disabled="">
                        </div>
                      </div>

                  </div>
                  <br>


              </form>

            </div>
          </div>
        </div>
      </div>
</div>
@endsection

@section('script')

<script>

    function paymentApprove(id){


        console.log(id);
    }


    $(document).ready(function () {


    });
</script>

@endsection