PHP de modalın içinde ki forma php kodlarını ekledikten sonra modal çalışmadı

merhaba arkadaşlar php de bir modalin içinde ki forma php kodlarını entegre ettikten sonra modalın butonuna tıkladıktan sonra modal açılmamaya başladı nerede hata yaptığımı bulamıyorum.
yardım lütfen

<div class="modal fade" id="kt_modal_create_app" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered mw-900px">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2>Firma Ekle</h2>
                        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                            <i class="ki-duotone ki-cross fs-1">
                                <span class="path1"></span>
                                <span class="path2"></span>
                            </i>
                        </div>
                    </div>
                    <div class="modal-body py-lg-10 px-lg-10">
                        <div class="stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid" id="kt_modal_create_app_stepper">
                            <div class="d-flex justify-content-center justify-content-xl-start flex-row-auto w-100 w-xl-300px">
                                <div class="stepper-nav ps-lg-10">
                                    <!--begin::Step 1-->
                                    <div class="stepper-item current" data-kt-stepper-element="nav">
                                        <div class="stepper-wrapper">
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="ki-duotone ki-check stepper-check fs-2"></i>
                                                <span class="stepper-number">1</span>
                                            </div>
                                            <div class="stepper-label">
                                                <h3 class="stepper-title">Firma İsmi</h3>
                                                <div class="stepper-desc">İsim ve Kategorilendirme</div>
                                            </div>
                                        </div>
                                        <div class="stepper-line h-40px"></div>
                                    </div>
                                    <!--begin::Step 2-->
                                    <div class="stepper-item" data-kt-stepper-element="nav">
                                        <div class="stepper-wrapper">
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="ki-duotone ki-check stepper-check fs-2"></i>
                                                <span class="stepper-number">2</span>
                                            </div>
                                            <div class="stepper-label">
                                                <h3 class="stepper-title">Firma Bilgileri</h3>
                                                <div class="stepper-desc">Açıklama ve Ücretlendirme</div>
                                            </div>
                                        </div>
                                        <div class="stepper-line h-40px"></div>
                                    </div>
                                    <!--begin::Step 3-->
                                    <div class="stepper-item" data-kt-stepper-element="nav">
                                        <div class="stepper-wrapper">
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="ki-duotone ki-check stepper-check fs-2"></i>
                                                <span class="stepper-number">3</span>
                                            </div>
                                            <div class="stepper-label">
                                                <h3 class="stepper-title">Firma Resimleri</h3>
                                                <div class="stepper-desc">Görsel ve Açıklama</div>
                                            </div>
                                        </div>
                                        <div class="stepper-line h-40px"></div>
                                    </div>
                                    <!--begin::Step 4-->
                                    <div class="stepper-item" data-kt-stepper-element="nav">
                                        <div class="stepper-wrapper">
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="ki-duotone ki-check stepper-check fs-2"></i>
                                                <span class="stepper-number">4</span>
                                            </div>
                                            <div class="stepper-label">
                                                <h3 class="stepper-title">İletişim</h3>
                                                <div class="stepper-desc">Firmanın İletişim Bilgileri</div>
                                            </div>
                                        </div>
                                        <div class="stepper-line h-40px"></div>
                                    </div>
                                    <!--begin::Step 5-->
                                    <div class="stepper-item mark-completed" data-kt-stepper-element="nav">
                                        <div class="stepper-wrapper">
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="ki-duotone ki-check stepper-check fs-2"></i>
                                                <span class="stepper-number">5</span>
                                            </div>
                                            <div class="stepper-label">
                                                <h3 class="stepper-title">Tamamlandı</h3>
                                                <div class="stepper-desc">Kayıt Ekleme Tamamlama</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--begin::Aside-->
                                    
                            <?php
                            $firma_ismi = isset($_POST['firma_ismi']) ? $_POST['firma_ismi'] : null;
                            $firma_turu = isset($_POST['firma_turu']) ? $_POST['firma_turu'] : 1;
                            $firma_aciklama = isset($_POST['firma_aciklama']) ? $_POST['firma_aciklama'] : null;
                            $firma_kategori = isset($_POST['firma_kategori']) ? $_POST['firma_kategori'] : null;
                            $firma_paket = isset($_POST['firma_paket']) ? $_POST['firma_paket'] : null;
                            $paket_ucreti = isset($_POST['paket_ucreti']) ? $_POST['paket_ucreti'] : null;
                            $firma_resmi1 = isset($_POST['firma_resmi1']) ? $_POST['firma_resmi1'] : null;
                            $firma_resmi2 = isset($_POST['firma_resmi2']) ? $_POST['firma_resmi2'] : null;
                            $firma_resmi3 = isset($_POST['firma_resmi3']) ? $_POST['firma_resmi3'] : null;
                            $firma_resmi4 = isset($_POST['firma_resmi4']) ? $_POST['firma_resmi4'] : null;
                            $firma_ana_resmi = isset($_POST['firma_ana_resmi']) ? $_POST['firma_ana_resmi'] : null;
                            $firma_telefon = isset($_POST['firma_telefon']) ? $_POST['firma_telefon'] : null;
                            $firma_whatsapp = isset($_POST['firma_whatsapp']) ? $_POST['firma_whatsapp'] : null;
                            $firma_mail = isset($_POST['firma_mail']) ? $_POST['firma_mail'] : null;
                            $firma_adres = isset($_POST['firma_adres']) ? $_POST['firma_adres'] : null;
                            $firma_maps = isset($_POST['firma_maps']) ? $_POST['firma_maps'] : null;
                            $sorgu = $db->prepare('INSERT INTO firmalar SET
                            
                            firma_ismi = :firma_ismi,
                            firma_turu = :firma_turu,
                            firma_aciklama = :firma_aciklama,
                            firma_kategori = :firma_kategori,
                            firma_paket = :firma_paket,
                            paket_ucreti = :paket_ucreti,
                            firma_resmi1 = :firma_resmi1,
                            firma_resmi2 = :firma_resmi2,
                            firma_resmi3 = :firma_resmi3,
                            firma_resmi4 = :firma_resmi4,
                            firma_ana_resmi = :firma_ana_resmi,
                            firma_telefon = :firma_telefon,
                            firma_whatsapp = :firma_whatsapp,
                            firma_mail = :firma_mail,
                            firma_adres = :firma_adres,
                            firma_maps = :firma_maps
                            ');
                            $ekle = $sorgu->execute([
                                ':firma_ismi' => $firma_ismi,
                                ':firma_turu' => $firma_turu,
                                ':firma_aciklama' => $firma_aciklama,
                                ':firma_kategori' => $firma_kategori,
                                ':firma_paket' => $firma_paket,
                                ':paket_ucreti' => $paket_ucreti,
                                ':firma_resmi1' => $firma_resmi1,
                                ':firma_resmi2' => $firma_resmi2,
                                ':firma_resmi3' => $firma_resmi3,
                                ':firma_resmi4' => $firma_resmi4,
                                ':firma_ana_resmi' => $firma_ana_resmi,
                                ':firma_telefon' => $firma_telefon,
                                ':firma_whatsapp' => $firma_whatsapp,
                                ':firma_mail' => $firma_mail,
                                ':firma_adres' => $firma_adres,
                                ':firma_maps' => $firma_maps
                            ]);
                            if($ekle){
                                echo 'veriler Başarıyla Eklendi';
                            }else{
                                echo 'veriler Eklenemedi';
                            }
                            ?>


                            <!--begin::Content-->
                            <div class="flex-row-fluid py-lg-5 px-lg-15">
                                <form class="form" novalidate="novalidate" id="kt_modal_create_app_form" method="POST" enctype="multipart/form-data">
                                    <!--begin::Step 1-->
                                    <div class="current" data-kt-stepper-element="content">
                                        <div class="w-100">
                                            <div class="fv-row mb-10">
                                                <label class="d-flex align-items-center fs-5 fw-semibold mb-2">
                                                    <span class="required">Firma İsmi</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" title="Firmanın İsmini Giriniz">
                                                        <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                            <span class="path3"></span>
                                                        </i>
                                                    </span>
                                                </label>
                                                <input type="text" class="form-control form-control-lg form-control-solid" name="firma_ismi" placeholder="" value="" />
                                            </div>
                                            <div class="fv-row">
                                                <label class="d-flex align-items-center fs-5 fw-semibold mb-4">
                                                    <span class="required">Firma Türü</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" title="Firmanın Türünü Seçiniz">
                                                        <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                            <span class="path3"></span>
                                                        </i>
                                                    </span>
                                                </label>
                                                <!--begin:Options-->
                                                <div class="fv-row">
                                                    <label class="d-flex flex-stack mb-5 cursor-pointer">
                                                        <span class="d-flex align-items-center me-2">
                                                            <span class="symbol symbol-50px me-6">
                                                                <span class="symbol-label bg-light-primary">
                                                                    <i class="ki-duotone ki-compass fs-1 text-primary">
                                                                        <span class="path1"></span>
                                                                        <span class="path2"></span>
                                                                    </i>
                                                                </span>
                                                            </span>
                                                            <span class="d-flex flex-column">
                                                                <span class="fw-bold fs-6">Kurumsal Firma</span>
                                                                <span class="fs-7 text-muted">Limited veya Anonim Şirketi Olan Firmalar</span>
                                                            </span>
                                                        </span>
                                                        <span class="form-check form-check-custom form-check-solid">
                                                            <input class="form-check-input" type="radio" name="firma_turu" value="1" />
                                                        </span>
                                                    </label>
                                                    <!--begin:Option-->
                                                    <label class="d-flex flex-stack mb-5 cursor-pointer">
                                                        <span class="d-flex align-items-center me-2">
                                                            <span class="symbol symbol-50px me-6">
                                                                <span class="symbol-label bg-light-danger">
                                                                    <i class="ki-duotone ki-element-11 fs-1 text-danger">
                                                                        <span class="path1"></span>
                                                                        <span class="path2"></span>
                                                                        <span class="path3"></span>
                                                                        <span class="path4"></span>
                                                                    </i>
                                                                </span>
                                                            </span>
                                                            <span class="d-flex flex-column">
                                                                <span class="fw-bold fs-6">Bireysel Firma</span>
                                                                <span class="fs-7 text-muted">Şahıs İşletmesi veya Vergi Levhasız Firmalar</span>
                                                            </span>
                                                        </span>
                                                        <span class="form-check form-check-custom form-check-solid">
                                                            <input class="form-check-input" type="radio" name="firma_turu" value="2" />
                                                        </span>
                                                    </label>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--begin::Step 2-->
                                    <div data-kt-stepper-element="content">
                                        <div class="w-100">
                                                <div class="d-flex flex-column mb-7 fv-row">
                                                    <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                        <span class="required">Firma Açıklaması</span>
                                                        <span class="ms-1" data-bs-toggle="tooltip" title="Firmayı tanıtan bir metin girin">
                                                            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                                <span class="path1"></span>
                                                                <span class="path2"></span>
                                                                <span class="path3"></span>
                                                            </i>
                                                        </span>
                                                    </label>
                                                    <textarea  class="form-control form-control-solid" name="firma_aciklama" cols="30" rows="5"></textarea>
                                                </div>
                                                <div class="row mb-10">
                                                    <div class="col-md-8 fv-row">
                                                        <label class="required fs-6 fw-semibold form-label mb-2">Firma Kategorisi</label>
                                                        <div class="row fv-row">
                                                            <div class="col-6">
                                                                <select name="firma_kategori" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Kategori">
                                                                    <option></option>
                                                                    <option value="1">Sağlık</option>
                                                                    <option value="2">Sanayi</option>
                                                                    <option value="3">Esnaf</option>
                                                                </select>
                                                            </div>
                                                            <div class="col-6">
                                                                <select name="firma_paket" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Paket">
                                                                    <option></option>
                                                                    <option value="1">1 Aylık</option>
                                                                    <option value="2">3 Aylık</option>
                                                                    <option value="3">6 Aylık</option>
                                                                    <option value="4">1 Yıllık</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 fv-row">
                                                        <!--begin::Label-->
                                                        <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                            <span class="required">Ödeme</span>
                                                            <span class="ms-1" data-bs-toggle="tooltip" title="Aylık Alınacak Ücreti Girin">
                                                                <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                                    <span class="path1"></span>
                                                                    <span class="path2"></span>
                                                                    <span class="path3"></span>
                                                                </i>
                                                            </span>
                                                        </label>
                                                        <div class="position-relative">
                                                            <input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="Tutar" name="paket_ucreti" />
                                                            <div class="position-absolute translate-middle-y top-50 end-0 me-3">
                                                                <i class="ki-duotone ki-credit-cart fs-2hx">
                                                                    <span class="path1"></span>
                                                                    <span class="path2"></span>
                                                                </i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                    </div>
                                    <!--begin::Step 3-->
                                    <div data-kt-stepper-element="content">
                                        <div class="w-100">
                                            <div class="fv-row mb-10">
                                                <label class="required fs-5 fw-semibold mb-2">Firmanın Resimleri</label>
                                                <input type="file" class="form-control form-control-lg form-control-solid" name="firma_resmi1" placeholder="dosya seçiniz" value="master_db" />
                                                <label class="fs-5 fw-semibold mb-2"></label>
                                                <input type="file" class="form-control form-control-lg form-control-solid" name="firma_resmi2" placeholder="dosya seçiniz" value="master_db" />
                                                <label class="fs-5 fw-semibold mb-2"></label>
                                                <input type="file" class="form-control form-control-lg form-control-solid" name="firma_resmi3" placeholder="dosya seçiniz" value="master_db" />
                                                <label class="fs-5 fw-semibold mb-2"></label>
                                                <input type="file" class="form-control form-control-lg form-control-solid" name="firma_resmi4" placeholder="dosya seçiniz" value="master_db" />
                                            </div>
                                            
                                            <div class="fv-row">
                                                <label class="d-flex align-items-center fs-5 fw-semibold mb-4">
                                                    <span class="required">Ana Resim</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" title="Firmanın Kapak Görseli">
                                                        <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                            <span class="path3"></span>
                                                        </i>
                                                    </span>
                                                </label>
                                                
                                                <label class="d-flex flex-stack cursor-pointer mb-5">
                                                    <span class="d-flex align-items-center me-2">
                                                        <span class="symbol symbol-50px me-6">
                                                            <span class="symbol-label bg-light-success">
                                                                <i class="ki-duotone ki-note text-success fs-2x">
                                                                    <span class="path1"></span>
                                                                    <span class="path2"></span>
                                                                </i>
                                                            </span>
                                                        </span>
                                                        <span class="d-flex flex-column">
                                                            <span class="fw-bold fs-6">Ana Resimi Seçin</span>
                                                            <input type="file" class="form-control form-control-lg form-control-solid" name="firma_ana_resmi" placeholder="dosya seçiniz" value="master_db" />
                                                        </span>
                                                    </span>
                                                    <span class="form-check form-check-custom form-check-solid">
                                                        <!--<input class="form-check-input" type="file" name="dbengine" checked="checked" value="1" />-->
                                                    </span>
                                                </label>
                                                
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <!--begin::Step 4-->
                                    <div data-kt-stepper-element="content">
                                        <div class="w-100">
                                            <div class="d-flex flex-column mb-7 fv-row">
                                                <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                    <span class="required">Firmanın Telefon Numarası</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" title="Firmanın Telefon Numarasını Giriniz">
                                                        <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                            <span class="path3"></span>
                                                        </i>
                                                    </span>
                                                </label>
                                                <input type="text" class="form-control form-control-solid" placeholder="" name="firma_telefon" value="" />
                                            </div>
                                            <div class="d-flex flex-column mb-7 fv-row">
                                                <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                    <span class="">Firmanın Whatsapp Numarası</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" title="Firmanın Whatsapp Numarasını Giriniz">
                                                        <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                            <span class="path3"></span>
                                                        </i>
                                                    </span>
                                                </label>
                                                <input type="text" class="form-control form-control-solid" placeholder="" name="firma_whatsapp" value="Max Doe" />
                                            </div>
                                            <div class="d-flex flex-column mb-7 fv-row">
                                                <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                    <span class="">Firmanın Mail Adresi</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" title="Firmanın Mail Adresini Giriniz">
                                                        <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                            <span class="path3"></span>
                                                        </i>
                                                    </span>
                                                </label>
                                                <input type="text" class="form-control form-control-solid" placeholder="" name="firma_mail" value="Max Doe" />
                                            </div>
                                            <div class="d-flex flex-column mb-7 fv-row">
                                                <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                    <span class="">Firmanın Adresini Giriniz</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" title="Firmanın Adresini Giriniz">
                                                        <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                            <span class="path3"></span>
                                                        </i>
                                                    </span>
                                                </label>
                                                <textarea  class="form-control form-control-solid" name="firma_adres" cols="30" rows="4"></textarea>
                                            </div>
                                            <div class="d-flex flex-column mb-7 fv-row">
                                                <label class="d-flex align-items-center fs-6 fw-semibold form-label mb-2">
                                                    <span class="">Firmanın Maps Kaydını Giriniz</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" title="Maps Kaydını Eklemek İçin Iframe Kodu Giriniz">
                                                        <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                            <span class="path3"></span>
                                                        </i>
                                                    </span>
                                                </label>
                                                <textarea  class="form-control form-control-solid" name="firma_maps" cols="30" rows="4"></textarea>
                                            </div>
                                            
                                        </div>
                                    </div>
                                    <!--begin::Step 5-->
                                    <div data-kt-stepper-element="content">
                                        <div class="w-100 text-center">
                                            <h1 class="fw-bold text-gray-900 mb-3">Tebrikler!</h1>
                                            <div class="text-muted fw-semibold fs-3">Firma Başarıyla Sisteme Eklendi!</div>
                                            <div class="text-center px-4 py-15">
                                                <img src="assets/media/illustrations/sketchy-1/9.png" alt="" class="mw-100 mh-300px" />
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!--begin::Actions-->
                                    <div class="d-flex flex-stack pt-10">
                                        <!--begin::Wrapper-->
                                        <div class="me-2">
                                            <button type="button" class="btn btn-lg btn-light-primary me-3" data-kt-stepper-action="previous">
                                            <i class="ki-duotone ki-arrow-left fs-3 me-1">
                                                <span class="path1"></span>
                                                <span class="path2"></span>
                                            </i>Geri</button>
                                        </div>
                                        <!--end::Wrapper-->
                                        <!--begin::Wrapper-->
                                        <div>
                                            <button type="submit" class="btn btn-lg btn-primary" data-kt-stepper-action="submit">
                                                <span class="indicator-label">Firmayı Ekle 
                                                <i class="ki-duotone ki-arrow-right fs-3 ms-2 me-0">
                                                    <span class="path1"></span>
                                                    <span class="path2"></span>
                                                </i></span>
                                                <span class="indicator-progress">Lütfen Bekleyiniz... 
                                                <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                            </button>
                                            <button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="next">Devam et 
                                            <i class="ki-duotone ki-arrow-right fs-3 ms-1 me-0">
                                                <span class="path1"></span>
                                                <span class="path2"></span>
                                            </i></button>
                                        </div>
                                        <!--end::Wrapper-->
                                    </div>
                                    <!--end::Actions-->
                                </form>
                                <!--end::Form-->
                            </div>
                            <!--end::Content-->
                        </div>
                        <!--end::Stepper-->
                    </div>
                </div>
            </div>
        </div>

böyle bir kullanım yok çünkü form gönderdikten sonra çalıştırmalısın php kodlarını. bunu da ajax ile yapabilirsin onu beceremezsen direk bir sayfaya post et.

İnceleyebileceğimiz bir demo sayfan mevcut mu ? Özelden yazar mısın.

hocam şöyle şimdi listelemenin yapıldığı sayfada modal şeklinde bir ekle butonu var. modalın kodları footer kodunun hemen altında olduğu için böyle kullandım. ajax bilmiyorum şu an.
başka bir sayfaya post ederek bu işlemi yapabilir miyim