<div class="container">
    <ol class="breadcrumb">
        <li><a href="#">التقارير </a></li>
        <li><a href="#">تقارير المرضى </a></li>
        <li class="active">عرض التقارير</li>
    </ol>
    <div class="row">
        <form class="form-inline " action="?do=printpatreport" method="post" target="_blank">
            <div class="panel panel-default panel-m">
                <!-- Default panel contents -->
                <div class="panel-heading hidden-print">التقارير   <br />
                    <a href="{$youtubes[245]->url}" target="_blank" class="hidden-print"><img src="../views/default/assets/img/youtube.png" class="pull-left" alt="Youtube" style="width: 2%;"></a>
                </div>
                <div class="panel-body hidden-print">

                    <div class="form-group wds20">
                        <label class="sr-only">إسم العميل </label>
                        <select id="clientId" name="clientId" data-placeholder="اختر " class="select2 wdt100 ">
                            <option value="-1"></option>
                            {foreach $clientData as $client}
                            <option value="{$client->clientid}">{$client->clientname} </option>
                            {/foreach}
                        </select>
                    </div>



                    <div class="form-group wds20">
                        <label class="sr-only">إسم الشركة </label>
                        <select id="clientArea" name="clientArea" data-placeholder="اختر " class="select2 wdt100 ">
                            <option value="-1"></option>
                            {foreach $clientArea as $area}
                            <option value="{$area->id}">{$area->name} </option>
                            {/foreach}
                        </select>
                        <span id="clientAreaError" class=" alert-block alert-danger fade in" style="padding: 5px 5px 5px 5px; display: none ;">اختر اسم الشركة أولا</span>
                    </div>

                    <div class="form-group wds20">
                        <label class="sr-only"> شركة التأمين </label>
                        <select id="insuranceCompany" name="insuranceCompany" data-placeholder="اختر " class="select2 wdt100 ">
                            <option value="-1"></option>
                            {foreach $insuranceCompanies as $company}
                            <option value="{$company->id}">{$company->name} </option>
                            {/foreach}
                        </select>
                        <span id="insuranceCompanyError" class=" alert-block alert-danger fade in" style="padding: 5px 5px 5px 5px; display: none ;">اختر شركة التأمين أولا</span>
                    </div>

                    <div class="form-group wds20">
                        <label class="sr-only"> الفرع  </label>
                        <select id="branchId" name="branchId" data-placeholder="اختر " class="select2 wdt100 ">
                            <option value="-1"></option>
                            {foreach $branches as $branch}
                            <option value="{$branch->branchId}">{$branch->branchName} </option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="form-group wds8">
                        <label class="sr-only">  التاريخ </label>
                        <input type="text" class="form-control awdatepicker "    data-date-format="yyyy-mm" id="searchDateFrom" name="searchDateFrom" >
                    </div>
                    <!--div class="form-group wds8">
                        <label class="sr-only"> إلى التاريخ</label>
                    <input type="text" class="form-control awdatepicker "    data-date-format="yyyy-mm" id="searchDateTo" name="searchDateTo" >
                </div-->
                    <button type="button" class="btn btn-primary searchPatients" data-print="0" >بحث</button>


                </div>
                <hr/>
                <div id="searchResult">
                    <div class="clearfix"></div>
                    <!-- Table -->

                </div>

                <div class="clearfix"></div>
                <hr />
                <div  class="hidden-print">
                    <div class="col-lg-12">
                        <div class="form-group">
                            <div class="col-lg-4">
                                <button type="button" onclick="print_Custom('mycustomheader');" class="btn btn-success pull-right">طباعة</button>
                            </div>
                            <div class="col-lg-4">
                                <button type="submit" class="btn btn-primary" >طباعة لشركة التأمين </button>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </form>
    </div>
</div>
