<div class="tabs">
    <li ng-class="{'active': adminPage == 'personel' || adminPage == 'personelEkle'}" ng-click="changeAdmin('personel')">Personeller</li>
    <li ng-class="{'active': adminPage == 'teslimat' || adminPage == 'teslimatEkle'}" ng-click="changeAdmin('teslimat')">Teslimatlar</li>
</div>
<br/>

<div class="tabContent" ng-switch="adminPage">
    <div ng-switch-when="personel">
        <table>
            <tr>
                <td>Personel NO</td>
                <td>Personel Ad Soyad</td>
                <td>Yetkili mi?</td>
            </tr>
            <tr ng-repeat="personel in personeller">
                <td class="teslimat" ng-click="list(personel.personelNumarasi)">{{personel.personelNumarasi}}</td>
                <td>{{personel.ad + " " + personel.soyad}}</td>
                <td>{{(personel.yetkili) ? "Evet": "Hayır"}}</td>
            </tr>
        </table>
        <br>
        <div class="button" ng-click="changeAdmin('personelEkle')">Yeni Personel Ekle</div>
    </div>
    <div ng-switch-when="teslimat">
        <table>
            <tr>
                <td>Takip No</td>
                <td>Eleman No</td>
                <td>Gönderen</td>
                <td>Alan</td>
                <td>Durum</td>
            </tr>
            <tr ng-repeat="teslimat in teslimatlar">
                <td class="teslimat" ng-click="detay(teslimat.takipNumarasi)">{{teslimat.takipNumarasi}}</td>
                <td>{{teslimat.kargoElemaniNumarasi}}</td>
                <td>{{teslimat.gonderen}}</td>
                <td>{{teslimat.alici}}</td>
                <td><select ng-model="durumInput" ng-change="tamamla(teslimat.takipNumarasi, durumInput)">
                    <option value="">{{teslimat.durum}}</option>
                    <option value="Yola Çıktı">Yola Çıktı</option>
                    <option value="Vardı">Vardı</option>
                    <option value="Beklemede">Beklemede</option>
                    <option value="İptal Edildi">İptal Edildi</option>
                    <option value="Kayıp">Kayıp</option>
                </select></td>
            </tr>
        </table>
        <br>
        <div class="button" ng-click="changeAdmin('teslimatEkle')">Yeni Teslimat Ekle</div>
    </div>
    <div ng-switch-when="personelEkle">
        <input ng-model="ad" placeholder="İsim" />
        <div class="clear"></div>
        <input ng-model="soyad" placeholder="Soyisim" />
        <div class="clear"></div>
        Yetkili mi? <select ng-model="yetkili">
       <option value="true">Evet</option>
       <option value="false">Hayır</option>
      </select>
        <div class="clear"></div>
        <div class="button" ng-click="submitPersonel(ad, soyad, yetkili)">Personeli Ekle</div>
    </div>
    <div ng-switch-when="teslimatEkle">
        <input ng-model="personelNumarasi" placeholder="Personel Numarası" />
        <div class="clear"></div>
        <input ng-model="gonderen" placeholder="Gönderen Kişi Adı" />
        <div class="clear"></div>
        <input ng-model="alan" placeholder="Alan Kişi Adı" />
        <div class="clear"></div>
        <input ng-model="durum" placeholder="Durum" />
        <div class="clear"></div>
        <input ng-model="ulke" placeholder="Ülke" />
        <div class="clear"></div>
        <input ng-model="il" placeholder="İl" />
        <div class="clear"></div>
        <input ng-model="ilce" placeholder="İlçe " />
        <div class="clear"></div>
        <input ng-model="postaKodu" placeholder="Posta Kodu" />
        <div class="clear"></div>
        <input ng-model="acikAdres" placeholder="Açık Adres" />
        <div class="clear"></div>
        <div class="button" ng-click="submitTeslimat(personelNumarasi, gonderen, alan, durum, ulke, il, ilce, postaKodu, acikAdres)">Teslimatı Ekle</div>
    </div>
</div>