<ion-view view-title="البحث">
    <ion-content class="padding" style="margin-bottom: 20px; margin-top:20px;" >
        <div class="list list-inset">
            <label class="item item-input">
                <i class="icon ion-search placeholder-icon"></i>
                <input type="text" placeholder="كلمات البحث" ng-model="problem.problem">
            </label>

            <label class="item item-input item-select">
                <div class="input-label">الفقيه  </div>
                <select ng-model="problem.faqih_id" >
                    <option id="{{faqih.faqih_id}}" ng-repeat="faqih in faqih_list" value="{{faqih.faqih_id}}"
                            >{{faqih.faqih_name}}
                    </option>
                </select>
            </label>
            <label class="item item-input item-select">
                <div class="input-label">الكتاب  </div>
                <select ng-model="problem.book_id" ng-change="getChapters(problem.book_id)" >
                    <option id="{{book.book_id}}" ng-repeat="book in books" value="{{book.book_id}}"
                            >{{book.book_name}}
                    </option>
                </select>
            </label>
            <label class="item item-input item-select">
                <div class="input-label">الباب  </div>
                <select ng-model="problem.chapter_id" >
                    <option id="{{chapter.chapter_id}}" ng-repeat="chapter in chapters" value="{{chapter.chapter_id}}"
                            >{{chapter.chapter_name}}
                    </option>
                </select>
            </label>
        </div>
        </div>
        <button class="button button-block" ng-click="getProblemList(problem)"> بحث</button>


    </ion-content>
</ion-view>
