Мультимодальные перевозки

<h2 style="font-size:32px">Мультимодальные перевозки от <strong>Grand Logistics Company</strong></h2>

<form action="/my_files/php/form_5_blok.php" method="post" id="is_zak_pos"><!-- [et_pb_line_break_holder] --> <div id="stroka_odin"><!-- [et_pb_line_break_holder] --> <input type="text" class="forma_name" name="name" placeholder="Имя" maxlength="50"><!-- [et_pb_line_break_holder] --> <input type="text" class="forma_phone" name="phone" placeholder="Телефон" maxlength="20"><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div id="stroka_dvas"><!-- [et_pb_line_break_holder] --> <input type="text" name="ot_kuda" placeholder="откуда" maxlength="40"><!-- [et_pb_line_break_holder] --> <input type="text" name="okuda" placeholder="куда" maxlength="40"><!-- [et_pb_line_break_holder] --> <input type="text" name="type_gruza" id="type_gruza" placeholder="тип/вес груза" maxlength="100"><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div id="stroka_odin" class='form-group' style="display: flex;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> justify-content: center;" id='person_type_2'><!-- [et_pb_line_break_holder] --> <select class='form-control' name='person_type'><!-- [et_pb_line_break_holder] --> <option value='physical'>Фізична особа</option><!-- [et_pb_line_break_holder] --> <option value='legal'>Юридична особа</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> <input type='text' class='form-control' style="margin-left: 10px;" id="edrpou" name='edrpou' placeholder="ЄДРПОУ"><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div id="stroka_tris"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <input type="submit" name="submit" style="margin-top: 5px" class="butt2" id="formartopav" value="Отправить"><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --></form><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script type="text/javascript"><!-- [et_pb_line_break_holder] --> // Function to show/hide ЄДРПОУ field based on the initial value of Тип лица<!-- [et_pb_line_break_holder] -->function toggleEdrpouField() {<!-- [et_pb_line_break_holder] --> var personTypeSelect = document.querySelector('select[name="person_type"]');<!-- [et_pb_line_break_holder] --> var edrpouField = document.getElementById('edrpou');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (personTypeSelect.value === 'legal') {<!-- [et_pb_line_break_holder] --> edrpouField.style.display = 'block';<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> edrpouField.style.display = 'none';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// Add event listener to the person_type select element<!-- [et_pb_line_break_holder] -->document.querySelector('select[name="person_type"]').addEventListener('change', function() {<!-- [et_pb_line_break_holder] --> toggleEdrpouField();<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// Call the toggle function on page load<!-- [et_pb_line_break_holder] -->toggleEdrpouField();<!-- [et_pb_line_break_holder] --></script>