<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
<div class="row pageDetail">
<div class="col-md-9">
<form id="cvForm" >
<!-- Kişisel bilgiler-->
<div class="row">
<h2 class="text-center">KİŞİSEL BİLGİLER</h2>
</div>
<div class="row">
<div class="col-md-6">
<img id="imgPreview" alt="insan kaynakları profil fotoğrafı" src="/Assets/images/img/photo.jpeg" style="max-height:300px; max-width:200px;" class="img-responsive">
<div class="form-group">
<label for="exampleInputFile">Fotoğraf Seçiniz</label>
<input type="file" id="exampleInputFile" accept="image/jpg, image/jpeg, image/png" size="3" name="exampleInputFile">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Cinsiyet</label>
<label class="radio-inline">
<input type="radio" id="inlineRadioGenderB" name="inlineRadioOptions0" class="gender" value="K" checked="">
Kadın
</label>
<label class="radio-inline">
<input type="radio" id="inlineRadioGenderE" name="inlineRadioOptions0" class="gender" value="E">
Erkek
</label>
</div>
<div class="form-group">
<label>Tc Kimlik No <span>*</span></label>
<input type="text" maxlength="11" class="form-control tc" name="tc" id="tc">
</div>
<div class="form-group">
<label>Adı <span>*</span></label>
<input class="form-control" id="name" name="name">
</div>
<div class="form-group">
<label>Soyadı <span>*</span></label>
<input class="form-control" id="surname" name="surname">
</div>
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label>Doğum Tarihi <span>*</span></label>
</div>
</div>
<div class="row">
<div class="col-md-12">
<input type="text" class="form-control selectdatepicker hasDatepicker" id="birthday" name="birthday" placeholder="Doğum tarihinizi seçiniz...">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Doğum Yeri <span>*</span></label>
<select class="form-control dgmyeri" name="dgmyeri"><option value="">Seçiniz</option><option value="1">ADANA</option><option value="2">ADIYAMAN</option><option value="3">AFYON</option><option value="4">AĞRI</option><option value="5">AMASYA</option><option value="6">ANKARA</option><option value="7">ANTALYA</option><option value="8">ARTVİN</option><option value="9">AYDIN</option><option value="10">BALIKESİR</option><option value="11">BİLECİK</option><option value="12">BİNGÖL</option><option value="13">BİTLİS</option><option value="14">BOLU</option><option value="15">BURDUR</option><option value="16">BURSA</option><option value="17">ÇANAKKALE</option><option value="18">ÇANKIRI</option><option value="19">ÇORUM</option><option value="20">DENİZLİ</option><option value="21">DİYARBAKIR</option><option value="22">EDİRNE</option><option value="23">ELAZIĞ</option><option value="24">ERZİNCAN</option><option value="25">ERZURUM</option><option value="26">ESKİŞEHİR</option><option value="27">GAZİANTEP</option><option value="28">GİRESUN</option><option value="29">GÜMÜŞHANE</option><option value="30">HAKKARİ</option><option value="31">HATAY</option><option value="32">ISPARTA</option><option value="33">İÇEL</option><option value="34">İSTANBUL</option><option value="35">İZMİR</option><option value="36">KARS</option><option value="37">KASTAMONU</option><option value="38">KAYSERİ</option><option value="39">KIRKLARELİ</option><option value="40">KIRŞEHİR</option><option value="41">KOCAELİ</option><option value="42">KONYA</option><option value="43">KÜTAHYA</option><option value="44">MALATYA</option><option value="45">MANİSA</option><option value="46">KAHRAMANMARAŞ</option><option value="47">MARDİN</option><option value="48">MUĞLA</option><option value="49">MUŞ</option><option value="50">NEVŞEHİR</option><option value="51">NİĞDE</option><option value="52">ORDU</option><option value="53">RİZE</option><option value="54">SAKARYA</option><option value="55">SAMSUN</option><option value="56">SİİRT</option><option value="57">SİNOP</option><option value="58">SİVAS</option><option value="59">TEKİRDAĞ</option><option value="60">TOKAT</option><option value="61">TRABZON</option><option value="62">TUNCELİ</option><option value="63">ŞANLIURFA</option><option value="64">UŞAK</option><option value="65">VAN</option><option value="66">YOZGAT</option><option value="67">ZONGULDAK</option><option value="68">AKSARAY</option><option value="69">BAYBURT</option><option value="70">KARAMAN</option><option value="71">KIRIKKALE</option><option value="72">BATMAN</option><option value="73">ŞIRNAK</option><option value="74">BARTIN</option><option value="75">ARDAHAN</option><option value="76">IĞDIR</option><option value="77">YALOVA</option><option value="78">KARABÜK</option><option value="79">KİLİS</option><option value="80">OSMANİYE</option><option value="81">DÜZCE</option></select>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label>Baba Adı / Mesleği</label>
</div>
<div class="col-md-6">
<input class="form-control" id="fname" placeholder="Baba Adı">
</div>
<div class="col-md-6">
<input class="form-control" id="fjob" placeholder="Mesleği">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label>Anne Adı / Mesleği</label>
</div>
<div class="col-md-6">
<input class="form-control" id="mname" placeholder="Anne Adı">
</div>
<div class="col-md-6">
<input class="form-control" id="mjob" placeholder="Mesleği">
</div>
</div>
</div>
<div class="soldierStateInformations" style="display: none;">
<div class="form-group SoldierOptions">
<label for="exampleInputEmail1">Askerlik Durumu <span>*</span></label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions18" id="inlineRadio3" checked="" value="M">
Muaf
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions18" id="inlineRadio1" value="Y">
Yaptı
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions18" id="inlineRadio2" value="T">
Tecilli
</label>
</div>
<div class="form-group soldierDelayDate">
<label>Muaf/Terhis/Tecil Tarihi <span>*</span></label>
<input type="text" class="form-control selectdatepicker hasDatepicker" name="delaydate" id="delaydate">
</div>
</div>
<div class="form-group">
<label>Medeni Durumu <span>*</span></label>
<label class="radio-inline">
<input type="radio" value="B" checked="" name="inlineRadioOptions1">
Bekar
</label>
<label class="radio-inline">
<input type="radio" value="E" name="inlineRadioOptions1">
Evli
</label>
</div>
</div>
<div class="col-md-6 ">
<div class="form-group">
<div class="form-group">
<label>Ev Adresi <span>*</span></label>
<textarea class="form-control" id="address" name="address" rows="3"></textarea>
</div>
<div class="form-group">
<label>Şehir <span>*</span></label>
<select class="form-control sehirler" name="ikametili"><option value="">Seçiniz</option><option value="1">ADANA</option><option value="2">ADIYAMAN</option><option value="3">AFYON</option><option value="4">AĞRI</option><option value="5">AMASYA</option><option value="6">ANKARA</option><option value="7">ANTALYA</option><option value="8">ARTVİN</option><option value="9">AYDIN</option><option value="10">BALIKESİR</option><option value="11">BİLECİK</option><option value="12">BİNGÖL</option><option value="13">BİTLİS</option><option value="14">BOLU</option><option value="15">BURDUR</option><option value="16">BURSA</option><option value="17">ÇANAKKALE</option><option value="18">ÇANKIRI</option><option value="19">ÇORUM</option><option value="20">DENİZLİ</option><option value="21">DİYARBAKIR</option><option value="22">EDİRNE</option><option value="23">ELAZIĞ</option><option value="24">ERZİNCAN</option><option value="25">ERZURUM</option><option value="26">ESKİŞEHİR</option><option value="27">GAZİANTEP</option><option value="28">GİRESUN</option><option value="29">GÜMÜŞHANE</option><option value="30">HAKKARİ</option><option value="31">HATAY</option><option value="32">ISPARTA</option><option value="33">İÇEL</option><option value="34">İSTANBUL</option><option value="35">İZMİR</option><option value="36">KARS</option><option value="37">KASTAMONU</option><option value="38">KAYSERİ</option><option value="39">KIRKLARELİ</option><option value="40">KIRŞEHİR</option><option value="41">KOCAELİ</option><option value="42">KONYA</option><option value="43">KÜTAHYA</option><option value="44">MALATYA</option><option value="45">MANİSA</option><option value="46">KAHRAMANMARAŞ</option><option value="47">MARDİN</option><option value="48">MUĞLA</option><option value="49">MUŞ</option><option value="50">NEVŞEHİR</option><option value="51">NİĞDE</option><option value="52">ORDU</option><option value="53">RİZE</option><option value="54">SAKARYA</option><option value="55">SAMSUN</option><option value="56">SİİRT</option><option value="57">SİNOP</option><option value="58">SİVAS</option><option value="59">TEKİRDAĞ</option><option value="60">TOKAT</option><option value="61">TRABZON</option><option value="62">TUNCELİ</option><option value="63">ŞANLIURFA</option><option value="64">UŞAK</option><option value="65">VAN</option><option value="66">YOZGAT</option><option value="67">ZONGULDAK</option><option value="68">AKSARAY</option><option value="69">BAYBURT</option><option value="70">KARAMAN</option><option value="71">KIRIKKALE</option><option value="72">BATMAN</option><option value="73">ŞIRNAK</option><option value="74">BARTIN</option><option value="75">ARDAHAN</option><option value="76">IĞDIR</option><option value="77">YALOVA</option><option value="78">KARABÜK</option><option value="79">KİLİS</option><option value="80">OSMANİYE</option><option value="81">DÜZCE</option></select>
</div>
<div class="form-group">
<label>İlçe <span>*</span></label>
<select class="form-control ilceler" name="ilceler"></select>
</div>
<div class="form-group">
<label>E-Mail <span>*</span></label>
<input type="text" id="email" class="form-control" name="email">
</div>
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label>Telefon </label>
</div>
<div class="col-md-7 col-xs-12">
<input type="text" id="phone1" maxlength="13" class="form-control phonenumber">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-12">
<label>Cep Telefonu <span>*</span></label>
</div>
<div class="col-md-7 col-xs-12">
<input type="text" id="phone2" name="phone2" maxlength="13" class="form-control phonenumber">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- / Kişisel bilgiler-->
<!-- ÖĞRENİM DURUMU -->
<div class="row">
<h2 class="text-center">ÖĞRENİM DURUMU</h2>
</div>
<div class="row">
<div class="col-md-12">
<label>Üniversite</label>
</div>
<div class="form-group">
<div class="col-md-3">
<label>Okul Adı</label>
<input class="form-control" id="schoolname1">
</div>
<div class="col-md-3">
<label>Bölüm</label>
<input class="form-control" id="department1">
</div>
<div class="col-md-3">
<label>Başlama Tarihi </label>
<input type="text" class="form-control selectdatepicker hasDatepicker" id="startdate1" name="startdate1" placeholder="Başlama yılınız...">
</div>
<div class="col-md-3">
<label>Bitirme Tarihi </label>
<input type="text" class="form-control selectdatepicker hasDatepicker" id="finishdate1" name="finishdate1" placeholder="Bitirme yılınız...">
</div>
<div class="col-md-12 alertUniversite hidden"><span style="color:red;float:right">Başlangıç tarihi bitiş tarihinden büyük veya eşit olamaz, tarih aralığını doğru giriniz</span></div>
</div>
<div class="col-md-12">
<label>Ön Lisans</label>
</div>
<div class="form-group">
<div class="col-md-3">
<input class="form-control" id="schoolname2">
</div>
<div class="col-md-3">
<input class="form-control" id="department2">
</div>
<div class="col-md-3">
<input type="text" class="form-control selectdatepicker hasDatepicker" id="startdate2" placeholder="Başlama yılınız...">
</div>
<div class="col-md-3">
<input type="text" class="form-control selectdatepicker hasDatepicker" id="finishdate2" placeholder="Bitirme yılınız...">
</div>
<div class="col-md-12 alertOnlisans hidden"><span style="color:red;float:right">Başlangıç tarihi bitiş tarihinden büyük veya eşit olamaz, tarih aralığını doğru giriniz</span></div>
</div>
<div class="col-md-12">
<label>Lise</label>
</div>
<div class="form-group">
<div class="col-md-3">
<input class="form-control" id="schoolname3">
</div>
<div class="col-md-3">
<input class="form-control" id="department3">
</div>
<div class="col-md-3">
<input type="text" class="form-control selectdatepicker hasDatepicker" id="startdate3" placeholder="Başlama yılınız...">
</div>
<div class="col-md-3">
<input type="text" class="form-control selectdatepicker hasDatepicker" id="finishdate3" placeholder="Bitirme yılınız...">
</div>
<div class="col-md-12 alertLise hidden"><span style="color:red;float:right">Başlangıç tarihi bitiş tarihinden büyük veya eşit olamaz, tarih aralığını doğru giriniz</span></div>
</div>
<div class="col-md-12">
<label>İlköğretim</label>
</div>
<div class="form-group ilkogretim">
<div class="col-md-3">
<input class="form-control" id="schoolname4">
</div>
<div class="col-md-3">
<input class="form-control" id="department4">
</div>
<div class="col-md-3">
<input type="text" class="form-control selectdatepicker hasDatepicker" id="startdate4" placeholder="Başlama yılınız...">
</div>
<div class="col-md-3">
<input type="text" class="form-control selectdatepicker hasDatepicker" id="finishdate4" placeholder="Bitirme yılınız...">
</div>
<div class="col-md-12 alertilkogretim hidden"><span style="color:red;float:right">Başlangıç tarihi bitiş tarihinden büyük veya eşit olamaz, tarih aralığını doğru giriniz</span></div>
</div>
</div>
<!-- / ÖĞRENİM DURUMU -->
<br>
<!-- Çalışma Hayatı -->
<div class="row">
<h2 class="text-center">ÇALIŞMA HAYATI </h2>
</div>
<div class="form-group">
<label>Şok Marketler’de daha önce çalıştınız mı?</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions2" checked="" value="H">
Hayır
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions2" value="E">
Evet
</label>
</div>
<div class="form-group">
<label>Şirketimizde çalışan yakınınız var mı? </label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions3" checked="" value="H">
Hayır
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions3" value="E">
Evet
</label>
</div>
<div class="row">
<h3> (Lütfen son çalıştığınız yerden itibaren yazınız)</h3>
<div class="col-md-2">
<label>İşyerinin Adı </label>
<input class="form-control" id="companyname1">
</div>
<div class="col-md-2">
<label> Görev </label>
<input class="form-control" id="companytask1">
</div>
<div class="col-md-3">
<label>Başlangıç </label>
<input type="text" class="form-control selectdatepicker hasDatepicker" id="workstartdate1" name="workstartdate1" placeholder="Başlama yılınız...">
</div>
<div class="col-md-3">
<label>Bitiş </label>
<input type="text" class="form-control selectdatepicker hasDatepicker" id="workfinishdate1" name="workfinishdate1" placeholder="Bitiş yılınız...">
</div>
<div class="col-md-2">
<label> Ayrılma Sebepleri </label>
<input class="form-control" id="cause1">
</div>
<div class="col-md-12 alertwork1 hidden"><span style="color:red;float:right">Başlangıç tarihi bitiş tarihinden büyük veya eşit olamaz, tarih aralığını doğru giriniz</span></div>
<div class="col-md-12">
<hr class="divider">
</div>
<div class="col-md-2">
<label>İşyerinin Adı</label>
<input class="form-control" id="companyname2">
</div>
<div class="col-md-2">
<label> Görev </label>
<input class="form-control" id="companytask2">
</div>
<div class="col-md-3">
<label>Başlangıç </label>
<input type="text" class="form-control selectdatepicker hasDatepicker" id="workstartdate2" placeholder="Başlama yılınız...">
</div>
<div class="col-md-3">
<label>Bitiş</label>
<input type="text" class="form-control selectdatepicker hasDatepicker" id="workfinishdate2" placeholder="Bitiş yılınız...">
</div>
<div class="col-md-2">
<label> Ayrılma Sebepleri </label>
<input class="form-control" id="cause2">
</div>
<div class="col-md-12 alertwork2 hidden"><span style="color:red;float:right">Başlangıç tarihi bitiş tarihinden büyük veya eşit olamaz, tarih aralığını doğru giriniz</span></div>
<div class="col-md-12">
<hr class="divider">
</div>
<div class="col-md-2">
<label>İşyerinin Adı </label>
<input class="form-control" id="companyname3">
</div>
<div class="col-md-2">
<label> Görev </label>
<input class="form-control" id="companytask3">
</div>
<div class="col-md-3">
<label>Başlangıç</label>
<input type="text" class="form-control selectdatepicker hasDatepicker" id="workstartdate3" placeholder="Başlama yılınız...">
</div>
<div class="col-md-3">
<label>Bitiş</label>
<input type="text" class="form-control selectdatepicker hasDatepicker" id="workfinishdate3" placeholder="Bitiş yılınız...">
</div>
<div class="col-md-2">
<label> Ayrılma Sebepleri</label>
<input class="form-control" id="cause3">
</div>
<div class="col-md-12 alertwork3 hidden"><span style="color:red;float:right">Başlangıç tarihi bitiş tarihinden büyük veya eşit olamaz, tarih aralığını doğru giriniz</span></div>
</div>
<!-- / Çalışma Hayatı -->
<!-- Referanslar -->
<div class="row">
<h2 class="text-center">REFERANSLAR </h2>
<h3>(Çalıştığınız şirketlerden, çalışmıyor iseniz öğretmen veya akrabanız olmayan kişilerden en az bir referans yazmalısınız)</h3>
</div>
<div class="row">
<div class="col-md-2">
<label>Adı Soyadı <span> *</span></label>
<input class="form-control" id="referencename1" name="referencename1">
</div>
<div class="col-md-2">
<label>Yakınlık Derecesi</label>
<input class="form-control" id="frienddegree1" name="frienddegree1">
</div>
<div class="col-md-2">
<label>İşyeri<span> *</span></label>
<input class="form-control" id="referencework1" name="referencework1">
</div>
<div class="col-md-2">
<label>Mesleği <span> *</span></label>
<input class="form-control" id="referencejob1" name="referencejob1">
</div>
<div class="col-md-4">
<label>Telefon <span> *</span></label>
<input type="tel" id="referencephone1" maxlength="13" class="form-control phonenumber" name="referencephone1">
</div>
<div class="col-md-12">
<hr class="divider">
</div>
<div class="col-md-2">
<label>Adı Soyadı</label>
<input class="form-control" id="referencename2" name="referencename2">
</div>
<div class="col-md-2">
<label>Yakınlık Derecesi</label>
<input class="form-control" id="frienddegree2" name="frienddegree2">
</div>
<div class="col-md-2">
<label>İşyeri</label>
<input class="form-control" id="referencework2" name="referencework2">
</div>
<div class="col-md-2">
<label>Mesleği</label>
<input class="form-control" id="referencejob2" name="referencejob2">
</div>
<div class="col-md-4">
<label>Telefon</label>
<input type="tel" id="referencephone2" maxlength="13" class="form-control phonenumber" name="referencephone2">
</div>
</div>
<!-- / Referanslar -->
<!-- DİĞER BİLGİLER -->
<div class="row">
<h2 class="text-center">DİĞER BİLGİLER </h2>
</div>
<div class="form-group">
<label>Sigara Kullanıyor musunuz?</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions4" checked="" value="H">
Hayır
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions4" value="E">
Evet
</label>
</div><!-- / sigara tüketimi -->
<div class="form-group">
<label>Çalışmaya engel bir sağlık sorununuz var mı? </label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions5" checked="" value="H">
Hayır
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions5" value="E">
Evet
</label>
</div>
<div class="form-group healthDescriptions" style="display: none;">
<textarea class="form-control" type="text" rows="2" id="healthDesc" name="healthDesc" placeholder="Sağlık durumunuzun açıklaması"></textarea>
</div>
<!-- / sağlık durumu -->
<div class="form-group">
<label>Herhangi bir şuçtan dolayı yargılandınız mı? </label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions6" checked="" value="H">
Hayır
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions6" value="E">
Evet
</label>
</div>
<div class="form-group arrestedDescriptions" style="display: none;">
<textarea class="form-control" type="text" rows="2" id="arrestedDesc" name="arrestedDesc" placeholder="Yargılanma sürecinizin açıklaması"></textarea>
</div>
<!-- / yargılanma durumu -->
<div class="form-group">
<label>Çalışmak istediğiniz pozisyon </label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions7" checked="" value="FTE">
Full-Time Elemanı
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions7" value="PTE">
Part-Time Elemanı
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions7" value="MY">
Mağaza Yöneticisi
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions7" value="D">
Diğer
</label>
</div> <!-- / pozisyon -->
<div class="row">
<div class="form-group">
<div class="col-md-2">
<label>Beklenen Ücret(Net) <span>*</span></label>
</div>
<div class="col-md-4">
<input class="form-control onlynumber" maxlength="5" min="3" id="salary" name="salary" placeholder="TL">
</div>
</div>
</div> <!-- / maaş -->
<div class="checkbox">
<label>
<input type="checkbox" id="isAccept" name="isAccept">
<span style="font-size:14px;">Yukarıda verilen bilgilerin doğru olduğunu teyid ederim.</span>
</label>
</div> <!-- / sözleşme -->
<div class="form-group">
<div class="g-recaptcha" data-sitekey="6LdD1xQUAAAAABofoUlrv1CQeMjRjxieLcrLjkgc"><div style="width: 304px; height: 78px;"><div><iframe src="https://www.google.com/recaptcha/api2/anchor?k=6LdD1xQUAAAAABofoUlrv1CQeMjRjxieLcrLjkgc&co=aHR0cDovL3d3dy5zb2ttYXJrZXQuY29tLnRyOjgw&hl=tr&v=r20170717162708&size=normal&cb=6drdvaonw0ug" title="recaptcha widget'ı" width="304" height="78" frameborder="0" scrolling="no" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none; display: none; "></textarea></div></div>
</div> <!-- / recaptha -->
<!-- / DİĞER BİLGİLER -->
<br>
<div class="form-group">
<div id="hata" style="display:none;" class="alert text-center">
<p></p>
</div>
</div>
<button type="submit" id="btnSend" class="btn btn-default btn02">FORMU GÖNDER</button>
</form>
<a class="fancybox fancybox.iframe hidden fancyboxSuccess" href="/pop-up.html"></a>
<a class="fancybox fancybox.iframe hidden fancyboxError" href="/pop-up-eror.html"></a>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$('.fancybox').fancybox({ width: 290 });
});
</script>
<script>
var gResponse = "";
$(document).ready(function () {
$("#exampleInputFile").change(function () {
readFile();
});
});
var okunandosya = "";
function readFile() {
var item = document.getElementById('exampleInputFile');
var file = item.files[0];
var fileName = file.name;
var filesize = ((item.files[0].size / 1024) / 1024).toFixed(4); // MB
if (filesize>2.1) {
alert("Seçilen görsel max 2 mb olabilir.");
return;
}
if (item.files && item.files[0]) {
var FR = new FileReader();
FR.onload = function (e) {
var extension = fileName.match(/\.[0-9a-z]+$/i);
okunandosya = extension + "," + e.target.result.split(",")[1];
$('#imgPreview').attr('src', e.target.result);
};
FR.readAsDataURL(item.files[0]);
}
}
$("#btnSend").on('click', function (e) {
e.preventDefault();
$("#btnSend").attr("disabled", true);
$.blockUI({ message: '<h1><img src="/Assets/images/loading.gif" /> Lütfen Bekleyiniz</h1>' });
//Eğitim ve İş Tarih kontrolleri
if (!DateControl("#startdate1", "#finishdate1", ".alertUniversite")) {
$("#btnSend").attr("disabled", false);
$.unblockUI();
return false;
//Üniversite tarih kontrol
} else if (!DateControl("#startdate2", "#finishdate2", ".alertOnlisans")) {
$("#btnSend").attr("disabled", false);
$.unblockUI();
return false;
//önlisans tarih kontrol
} else if (!DateControl("#startdate3", "#finishdate3", ".alertLise")) {
$("#btnSend").attr("disabled", false);
$.unblockUI();
return false;
//lise tarih kontrol
} else if (!DateControl("#startdate4", "#finishdate4", ".alertilkogretim")) {
$("#btnSend").attr("disabled", false);
$.unblockUI();
return false;
//ilköğretim tarih kontrol
} else if (!DateControl("#workstartdate1", "#workfinishdate1", ".alertwork1")) {
$("#btnSend").attr("disabled", false);
$.unblockUI();
return false;
//work1 tarih kontrol
} else if (!DateControl("#workstartdate2", "#workfinishdate2", ".alertwork2")) {
$("#btnSend").attr("disabled", false);
$.unblockUI();
return false;
//work2 tarih kontrol
} else if (!DateControl("#workstartdate3", "#workfinishdate3", ".alertwork3")) {
$("#btnSend").attr("disabled", false);
$.unblockUI();
return false;
//work3 tarih kontrol
}
if (!$("#cvForm").valid()) {
$.unblockUI();
$("#btnSend").attr("disabled", false);
return false;
}
//google recaptha uygulaması
gResponse = grecaptcha.getResponse();
if (gResponse.length == 0) {
$("#hata").addClass("alert-danger");
$("#hata p").text("Lütfen 'Robot değilim!' seçeneğini işaretleyiniz.");
$("#hata").slideDown();
$("#btnSend").attr("disabled", false);
$.unblockUI();
return false;
}
$("#hata").slideUp();
//kişisel bilgiler
var _gender = $('input:radio[name="inlineRadioOptions0"]:checked').val();
var _tc = $("#tc").val();;
var _name = $("#name").val();
var _surname = $("#surname").val();
var _birthday = $("#birthday").val();
var _birthcity = $(".dgmyeri option:selected").val();
var _fname = $("#fname").val();
var _fjob = $("#fjob").val();
var _mname = $("#mname").val();
var _mjob = $("#mjob").val();
var _soldierstate = "";
var _soldiersdelaydate = "";
if (_gender == "E") {
_soldierstate = $('input:radio[name="inlineRadioOptions18"]:checked').val();
_soldiersdelaydate = $("#delaydate").val();
}
var _civilstate = $('input:radio[name="inlineRadioOptions1"]:checked').val();
var _address = $("#address").val();
var _sehirler = $(".ilceler option:selected").data("val");
var _ilceler = $(".ilceler option:selected").text();
var _email = $("#email").val();
var _phone1 = $("#phone1").val();
var _phone2 = $("#phone2").val();
//öğrenim durumu
var _schoolname1 = $("#schoolname1").val();
var _department1 = $("#department1").val();
var _startdate1 = $("#startdate1").val();
var _finishdate1 = $("#finishdate1").val();
var _schoolname2 = $("#schoolname2").val();
var _department2 = $("#department2").val();
var _startdate2 = $("#startdate2").val();
var _finishdate2 = $("#finishdate2").val();
var _schoolname3 = $("#schoolname3").val();
var _department3 = $("#department3").val();
var _startdate3 = $("#startdate3").val();
var _finishdate3 = $("#finishdate3").val();
var _schoolname4 = $("#schoolname4").val();
var _department4 = $("#department4").val();
var _startdate4 = $("#startdate4").val();
var _finishdate4 = $("#finishdate4").val();
//çalışma hayatı
var _agowork = $('input:radio[name="inlineRadioOptions2"]:checked').val();
var _familiar = $('input:radio[name="inlineRadioOptions3"]:checked').val();
var _companyname1 = $("#companyname1").val();
var _companytask1 = $("#companytask1").val();
var _workstartdate1 = $("#workstartdate1").val();
var _workfinishdate1 = $("#workfinishdate1").val();
var _cause1 = $("#cause1").val();
var _companyname2 = $("#companyname2").val();
var _companytask2 = $("#companytask2").val();
var _workstartdate2 = $("#workstartdate2").val();
var _workfinishdate2 = $("#workfinishdate2").val();
var _cause2 = $("#cause2").val();
var _companyname3 = $("#companyname3").val();
var _companytask3 = $("#companytask3").val();
var _workstartdate3 = $("#workstartdate3").val();
var _workfinishdate3 = $("#workfinishdate3").val();
var _cause3 = $("#cause3").val();
//referanslar
var _referencename1 = $("#referencename1").val();
var _frienddegree1 = $("#frienddegree1").val();
var _referencework1 = $("#referencework1").val();
var _referencejob1 = $("#referencejob1").val();
var _referencephone1 = $("#referencephone1").val();
var _referencename2 = $("#referencename2").val();
var _frienddegree2 = $("#frienddegree2").val();
var _referencework2 = $("#referencework2").val();
var _referencejob2 = $("#referencejob2").val();
var _referencephone2 = $("#referencephone2").val();
// Diğer bilgiler
var _smoke = $('input:radio[name="inlineRadioOptions4"]:checked').val();
var _health = $('input:radio[name="inlineRadioOptions5"]:checked').val();
var _healthDesc = $("#healthDesc").val();
var _arrested = $('input:radio[name="inlineRadioOptions6"]:checked').val();
var _arrestedDesc = $("#arrestedDesc").val();
var _worktype = $('input:radio[name="inlineRadioOptions7"]:checked').val();
var _salary = $("#salary").val();
var cvdata = {};
cvdata.gender = _gender;
cvdata.tc = _tc;
cvdata.photo = okunandosya;
cvdata.name = _name;
cvdata.surname = _surname;
cvdata.birthday = _birthday;
cvdata.birthcity = _birthcity;
cvdata.fathername = _fname;
cvdata.fatherjob = _fjob;
cvdata.mothername = _mname;
cvdata.motherjob = _mjob;
cvdata.soldierstate = _soldierstate;//askerlik durumu
cvdata.soliderDelayDate = _soldiersdelaydate; //tecil tarihi
cvdata.civilstate = _civilstate;
cvdata.address = _address;
cvdata.city = _sehirler;
cvdata.distict = _ilceler;
cvdata.email = _email;
cvdata.phone1 = _phone1;
cvdata.phone2 = _phone2;
cvdata.schoolname1 = _schoolname1;
cvdata.department1 = _department1;
cvdata.startdate1 = _startdate1;
cvdata.finishdate1 = _finishdate1;
cvdata.schoolname2 = _schoolname2;
cvdata.department2 = _department2;
cvdata.startdate2 = _startdate2;
cvdata.finishdate2 = _finishdate2;
cvdata.schoolname3 = _schoolname3;
cvdata.department3 = _department3;
cvdata.startdate3 = _startdate3;
cvdata.finishdate3 = _finishdate3;
cvdata.schoolname4 = _schoolname4;
cvdata.department4 = _department4;
cvdata.startdate4 = _startdate4;
cvdata.finishdate4 = _finishdate4;
cvdata.agowork = _agowork;
cvdata.familiar = _familiar;
cvdata.companyname1 = _companyname1;
cvdata.companytask1 = _companytask1;
cvdata.workstartdate1 = _workstartdate1;
cvdata.workfinishdate1 = _workfinishdate1;
cvdata.cause1 = _cause1;
cvdata.companyname2 = _companyname2;
cvdata.companytask2 = _companytask2;
cvdata.workstartdate2 = _workstartdate2;
cvdata.workfinishdate2 = _workfinishdate2;
cvdata.cause2 = _cause2;
cvdata.companyname3 = _companyname3;
cvdata.companytask3 = _companytask3;
cvdata.workstartdate3 = _workstartdate3;
cvdata.workfinishdate3 = _workfinishdate3;
cvdata.cause3 = _cause3;
cvdata.referencename1 = _referencename1;
cvdata.frienddegree1 = _frienddegree1;
cvdata.referencework1 = _referencework1;
cvdata.referencejob1 = _referencejob1;
cvdata.referencephone1 = _referencephone1;
cvdata.referencename2 = _referencename2;
cvdata.frienddegree2 = _frienddegree2;
cvdata.referencework2 = _referencework2;
cvdata.referencejob2 = _referencejob2;
cvdata.referencephone2 = _referencephone2;
cvdata.smoke = _smoke;
cvdata.worktype = _worktype;
cvdata.salary = _salary
cvdata.health = _health;
cvdata.healthDesc = _healthDesc;
cvdata.arrested = _arrested;
cvdata.arrestedDesc = _arrestedDesc;
// iş başvuru formu
$.ajax({
type: "POST",
url: "/ajax/form/job",
dataType: 'json',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(cvdata),
success: function (data) {
if (data.status == 1) {
$(".fancyboxSuccess").click();
$("#cvForm")[0].reset();
$("#btnSend").attr("disabled", false);
$.unblockUI();
grecaptcha.reset();
return false;
}
$(".fancyboxError").click();
grecaptcha.reset();
$.unblockUI();
$("#btnSend").attr("disabled", false);
return false;
},
error: function (data) {
grecaptcha.reset();
$.unblockUI();
$("#btnSend").attr("disabled", false);
$('html, body').animate({
scrollTop: $(".pageDetail").first().position().top
}, 1000);
$("#tesekkurler").addClass("alert-danger");
$("#tesekkurler p").text("Hata oluştu, internet bağlantınızı kontrol edip tekrar deneyiniz!");
$("#tesekkurler").slideDown();
closeMessage();
}
});
return false;
});
function closeMessage() {
setTimeout(function () {
$("#tesekkurler").slideUp();
}, 5 * 1000);
}
function GoScroll(elem) {
$('html, body').animate({
scrollTop: $(elem).offset().top - 55
}, 1000);
}
function GoAlertDisplay(elem) {
$(elem).removeClass("hidden");
}
function GoAlertHidden(elem) {
$(elem).addClass("hidden");
}
function DateControl(startdate, finishdate, alertElem) {
var startDateArr = $(startdate).val().split(".");
var startDateObj = new Date(startDateArr[2], startDateArr[1] - 1, startDateArr[0]); // month is 0-based
//console.log(startDateArr);
var finishDateArr = $(finishdate).val().split(".");
var finishDateObj = new Date(finishDateArr[2], finishDateArr[1] - 1, finishDateArr[0]); // month is 0-based
// console.log(finishDateArr);
//console.log(startDateObj < finishDateObj + "-" + startDateObj + " - " + finishDateObj);
if ($(startdate).val() != null && $(startdate).val() != "") {
if (startDateObj > finishDateObj) {
GoScroll(startdate);
GoAlertDisplay(alertElem)
return false;
} else {
GoAlertHidden(alertElem)
return true;
}
} else {
return true;
}
}
</script>
<!-- job_form end -->
<!-- end site content -->
<!-- footer -->
</div>
</div>
