<div class="container comp_mant">
    <form action="" method="post" id="billform">
        <div class="row">
            <div class="col-lg-12">
                <div class="text-center">
                    <ol class="breadcrumb">
                        <li><a href="#">إدارة الفواتير</a></li>
                        <li><a href="#">فاتورة الاستلام</a></li>
                        <li class="active">إضافة فاتورة</li>
                    </ol>
                </div>
                <hr>
                <div class="row">
                    <div class="col-xs-12 col-md-3 col-lg-3">
                        <div class="panel panel-default panel-m">
                            <div class="panel-heading">
                                بيانات الفاتوره
                            </div>
                            <div class="panel-body">
                                <label class="aw_lb comp_width"><div class="aw_label pull-right">رقم الايصال :  </div>
                                    <input name="" class="comp_info_width pull-left" type="text" tabindex="1" />
                                </label>
                                <label class="aw_lb comp_width"><div class="aw_label pull-right">رقم مستندى :  </div>
                                    <input name="" class="comp_info_width pull-left" type="text" tabindex="2" />
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-3 col-lg-3 pull-left">
                        <div class="panel panel-default panel-m">
                            <div class="panel-heading">بيانات الفاتوره</div>
                            <div class="panel-body">
                                <label class="aw_lb comp_width"><div class="aw_label pull-right">تاريخ الايصال :  </div>
                                    <input type="text" class="comp_info_width pull-left awdatepicker" autocomplete="off"  data-date-format="yyyy-mm-dd" id="bn" value="2014-09-06" placeholder="تاريخ الفاتورة"  tabindex="3"/>
                                </label>
                                <label class="aw_lb comp_width"><div class="aw_label pull-right">اسم العميل :  </div>
                                    <select name="comp_client" id="comp_client" data-placeholder="اختر العميل" class="select2 comp_info_width pull-left"  tabindex="4">
                                        <option value="-1">اختر عميل</option>
                                        <option value="-2" class="newoption">إضافة عميل جديد</option>
                                        <option value="1">محمد على كمال</option>
                                        <option value="1">حسين على كمال</option>
                                    </select>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default panel-m">
                    <div class="panel-heading">
                        <h6 class="text-center"><strong>ضمان عميل</strong>  <button type="button" class="btn btn-primary pull-left ft-nor"> اضافة جديد</button></h6>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-condensed table-black">
                                <thead>
                                    <tr>
                                        <td><strong>اسم المنتج</strong></td>
                                        <td class="text-center"><strong>سيريل</strong></td>
                                        <td class="text-center"><strong>فاتوره البيع</strong></td>
                                        <td class="text-center"><strong>فاتوره الشراء</strong></td>
                                        <td class="text-center"><strong>مده ضمان</strong></td>
                                        <td class="text-center"><strong>الحاله</strong></td>
                                        <td class="text-center"><strong>العيب</strong></td>
                                        <td class="text-center"><strong>ملاحظات</strong></td>
                                        <td class="text-center"><strong>ملاحقات</strong></td>
                                        <td class="text-center"><strong>تكلفه مبدئيه</strong></td>
                                        <td class="text-center"><strong>تكلفه شحن</strong></td>
                                        <td class="text-center"><strong>مورد</strong></td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Samsung Galaxy S5</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-right">60</td>
                                        <td class="text-right">خاضع</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">152</td>
                                        <td class="text-right">30</td>
                                        <td class="text-right">محمد عبد العال</td>
                                    </tr>
                                    <tr>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow text-center"><strong>التكلفه النهائيه</strong></td>
                                        <td class="highrow text-right">978.00</td>
                                        <td class="highrow text-center"><strong>التكلفه النهائيه</strong></td>
                                        <td class="highrow text-right">978.00</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h6 class="text-center"><strong>ضمان شركه</strong>  <button type="button" class="btn btn-primary pull-left ft-nor"> اضافة جديد</button></h6>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-condensed table-black">
                                <thead>
                                    <tr>
                                        <td><strong>اسم المنتج</strong></td>
                                        <td class="text-center"><strong>سيريل</strong></td>
                                        <td class="text-center"><strong>فاتوره الشراء</strong></td>
                                        <td class="text-center"><strong>مده ضمان</strong></td>
                                        <td class="text-center"><strong>الحاله</strong></td>
                                        <td class="text-center"><strong>العيب</strong></td>
                                        <td class="text-center"><strong>ملاحظات</strong></td>
                                        <td class="text-center"><strong>ملاحقات</strong></td>
                                        <td class="text-center"><strong>تكلفه شحن</strong></td>
                                        <td class="text-center"><strong>مورد</strong></td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Samsung Galaxy S5</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">
                                            رقم : 545454 <br/>
                                            تاريخ: 15-15-2014
                                        </td>
                                        <td class="text-right">60</td>
                                        <td class="text-right">خاضع</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">30</td>
                                        <td class="text-right">محمد عبد العال</td>
                                    </tr>
                                    <tr>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow text-center"><strong>المجموع</strong></td>
                                        <td class="highrow text-right">958.00</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default panel-m">
                    <div class="panel-heading">
                        <h6 class="text-center"><strong>الصيانه</strong>  <button type="button" class="btn btn-primary pull-left ft-nor"> اضافة جديد</button></h6>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-condensed table-black">
                                <thead>
                                    <tr>
                                        <td><strong>اسم المنتج</strong></td>
                                        <td class="text-center"><strong>سيريل</strong></td>
                                        <td class="text-center"><strong>الوصف</strong></td>
                                        <td class="text-center"><strong>العيب</strong></td>
                                        <td class="text-center"><strong>ملاحظات</strong></td>
                                        <td class="text-center"><strong>ملاحقات</strong></td>
                                        <td class="text-center"><strong>تكلفه مبدئيه</strong></td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Samsung Galaxy S5</td>
                                        <td class="text-center">154488</td>
                                        <td class="text-center">يوجد عيب فى النسخه</td>
                                        <td class="text-right">لا يوجد عيب</td>
                                        <td class="text-right">لا يوجد ملاحظات</td>
                                        <td class="text-right">كابل سامعه و بور هارد</td>
                                        <td class="text-right">30</td>
                                    </tr>
                                    <tr>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow"></td>
                                        <td class="highrow text-center"><strong>المجموع</strong></td>
                                        <td class="highrow text-right">958.00</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <table class="table table-condensed tb_comp_total pull-left">
            <tbody>
                <tr>
                    <td class="emptyrow"></td>
                    <td class="emptyrow"></td>
                    <td class="emptyrow"></td>
                    <td class="emptyrow"></td>
                    <td class="emptyrow"></td>
                    <td class="highrow text-center"><strong>المجموع</strong></td>
                    <td class="highrow text-right">958.00</td>
                </tr>
                <tr>
                    <td class="emptyrow"></td>
                    <td class="emptyrow"></td>
                    <td class="emptyrow"></td>
                    <td class="emptyrow"></td>
                    <td class="emptyrow"></td>
                    <td class="emptyrow text-center"><button type="submit" class="btn btn-primary">اعتماد</button></td>
                    <td class="emptyrow text-center"><button type="submit" class="btn btn-primary">اعتماد وتوريد</button></td>
                </tr>
            </tbody>
        </table>
    </form>
</div>

<style>
    .height {
        min-height: 200px;
    }

    .icon {
        font-size: 47px;
        color: #5CB85C;
    }

    .iconbig {
        font-size: 77px;
        color: #5CB85C;
    }

    .table > tbody > tr > .emptyrow {
        border-top: none;
    }

    .table > thead > tr > .emptyrow {
        border-bottom: none;
    }

    .table > tbody > tr > .highrow {
        border-top: 3px solid;
    }
    .newoption {
        background-color: #CCCCCC !important;
        font-weight: bold !important;
    }
    .tb_comp_total{
        width: 20%;
    }
</style>
<!------------------------Client Model----------------------------->
<!-- Modal -->
<div class="modal fade" id="myModal_client" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close pull-left savemodel2" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">اضافة عميل</h4>
            </div>
            <div class="modal-body">
                <form id="clientInfo" action="#" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="newclientName" class="col-lg-2 control-label">اسم العميل</label>
                        <div class="col-lg-4"> <span id="sprytextfield2">
                                <input class="form-control" placeholder="اسم العميل" id="newclientName"   name="newclientName" type="text"  required="required"/>
                                <span class="textfieldRequiredMsg">*</span></span>
                            <div id="nameError" class="alert alert-block alert-danger fade in" style="display:none">
                                <button type="button" class="close pull-left" data-dismiss="alert" aria-hidden="true">&times;</button>
                                <h4>رسالة خطا</h4>
                                <p>هذا الاسم مستخدم من قبل</p>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="newclientdebt" class="col-lg-2 control-label">المديونية</label>
                        <div class="col-lg-4"> <!--<span id="sprytextfield3">-->
                            <input class="form-control numberinput" placeholder="المديونية" id="newclientdebt" name="newclientdebt" type="text" required="required"/>
                            <!--<span class="textfieldRequiredMsg">*</span><span class="textfieldInvalidFormatMsg">ادخل المديونية صحيحة</span></span>--> </div>
                    </div>
                    <div class="form-group">
                        <label for="clientaddress" class="col-lg-2 control-label">العنوان</label>
                        <div class="col-lg-4">
                            <input class="form-control" placeholder="العنوان" id="clientaddress" name="clientaddress" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientphone" class="col-lg-2 control-label">رقم التليفون</label>
                        <div class="col-lg-4">
                            <input class="form-control numberinput" placeholder="رقم التليفون" id="clientphone" name="clientphone" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientmobile" class="col-lg-2 control-label">رقم الموبايل</label>
                        <div class="col-lg-4">
                            <input class="form-control numberinput" placeholder="رقم الموبايل" id="clientmobile"  name="clientmobile" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientdetails" class="col-lg-2 control-label">التعليق</label>
                        <div class="col-lg-4">
                            <textarea  class="form-control" rows="3" name="clientdetails" id="clientdetails"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default savemodel2" data-dismiss="modal">لا</button>
                <button type="button" class="btn btn-primary savemodel_client" >نعم</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->