مساعدة بخصوص إظهار وإخفاء حقول قائمة منسدلة php

يجب فعل ما تريده باستخدام jQuery و يتم بهذا الشكل 

<div class="form-group col-lg-2 col-md-2">
  <label for="inputState">نوع العميل</label>
  <select id="inputState"  class="form-control">
    <option selected>...أختر</option>
    <option value="citizen"> مواطن</option>
	<option value="passport"> جواز سفر </option>
	</select>
	
	<select id="first" style="display: none;" class="form-control">
    <option selected>...أختر</option>
    @php 
		$formhandler = include(resource_path('countries/countries.php'));
	@endphp
    @foreach ($formhandler['guest_form_types[citizen]'] as $guest_type => $value)
		<option value=' {{$guest_type}} '>{{$value}}</option>
    @endforeach 
	</select>
    

    // أما أذا كان المختار يحتوي علي كلمة جواز سفر 
    if ( echo '<option selected> </option>' = 'جواز سفر '){
    //قم باظهار الحقول التالية للمستخدم 
    echo '
	<div id="#input" style="display: none;">
		<div class="form-group col-lg-2 col-md-2">
		<label for="inputPassword4">رقم جواز السفر</label>
		<input type="text" name='phone' class="form-control" id="inputPassword4" >
		</div>
		<div class="form-group col-lg-2 col-md-2">
		  <label for="inputAddress">رقم التأشيرة</label>
		  <input type="text" name='city' class="form-control" id="inputAddress">
		</div>
		</div>';
    }

    }
    @endphp  
  </select>
</div>

<script>
$('#inputState').change(function(){
  if($(this).val() == 'citizen'){ // or this.value == 'volvo'
    $('#first').show();
  }
  
  if($(this).val() == 'passport'){
	$('#input').show();
  }
	
});
</script>

بحيث يمكنك إنشاء القائمة المنسدلة بهذا الشكل 

<select id="inputState"  class="form-control">
    <option selected>...أختر</option>
    <option value="citizen"> مواطن</option>
	<option value="passport"> جواز سفر </option>
	</select>

وعند اختيار أي قيمة يمكنك عرض أي فورم تريده 

<script>
$('#inputState').change(function(){
  if($(this).val() == 'citizen'){ // or this.value == 'volvo'
    $('#first').show();
  }
  
  if($(this).val() == 'passport'){
	$('#input').show();
  }
	
});
</script>

عند اختيار مواطن يتم إظهار القائمة المنسدلة التي تحتوي على البلدان , عند اختيار جواز سفر يتم إظهار نموذج الإدخال  .

يجب إزالة كلمة echo لا يمكن استخدامها بهذه الطريقة هل ممكن ترفق الكود كاملاً

هناك خطأ syntax error بالشيفرة 

قمت بتعديل الشيفرة بتخزين قيمة الطباعة في متغير يحتوي علي مصفوفة 

يظهر نفس الخطأ

السلام عليكم ورحمه الله وبركاته اعتذر علي كثرة اسئلتي 

مرفق كود المشروع علي github

https://github.com/mahmoudsamyhosein/otel

تم حلها في الكود المرفق  التالي 

https://www.tutorialrepublic.com/codelab.php?topic=faq&file=jquery-show-hide-div-using-select-box