<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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>Table des permis et formulaires par entreprise</h2> </div> </div> <div class="container"> <div class="portlet light shadow"> <div class="portlet-body form"> <div class="portlet box search-portlet margin-bottom-15"> <div class="portlet-title"> <div class="caption portlet-collapse"> <i class="fa fa-search"></i> Search </div> <div class="tools"> <a class="expand tool-collapse" href="javascript:;" data-original-title="" title=""></a> </div> </div> <div class="portlet-body form xs-form display-none"> <form role="form" method="post" class="form-horizontal searchForm" id="reportListSearchForm"> <div class="form-body"> <div class="row-fluid"> <div class="col-md-6"> <fieldset class="fsStyle"> <span class="search-field-title"><span class="numbering">01.</span> By license</span> <div class="form-group"> <label class="control-label col-md-5 welfare-padding">Aimag:</label> <div class="col-md-6 welfare-padding "> <select name="aimagId" id="aimagId" type="text" class="form-control form-control-inline select2me multiselect" multiple="multiple"> <option value="11">11-Ulaanbaatar</option> <option value="21">21-Dornod</option> <option value="22">22-Suxbaatar</option> <option value="23">23-Xentii</option> <option value="41">41-Tov</option> <option value="42">42-Govisumber</option> <option value="43">43-Selenge</option> <option value="44">44-Dornogovi</option> <option value="45">45-Darxan-Uul</option> <option value="46">46-Omnogovi</option> <option value="48">48-Dundgovi</option> <option value="61">61-Orxon</option> <option value="62">62-Ovorxangai</option> <option value="63">63-Bulgan</option> <option value="64">64-Bayanxongor</option> <option value="65">65-Arxangai</option> <option value="67">67-Xovsgol</option> <option value="81">81-Zavxan</option> <option value="82">82-Govi-Altai</option> <option value="83">83-Bayan-Olgii</option> <option value="84">84-Xovd</option> <option value="85">85-Uvs</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-5 welfare-padding">Type of minerals:</label> <div class="col-md-6 welfare-padding "> <select name="mineralType" id="mineralType" type="text" class="form-control form-control-inline select2me multiselect" multiple="multiple"> <option value="1">Gold</option> <option value="2">Silver</option> <option value="3">Copper</option> <option value="4">Iron</option> <option value="5">Spare</option> <option value="6">Molybdenum</option> <option value="7">Wolfram</option> <option value="8">Pewter</option> <option value="9">Zinc</option> <option value="10">Lead</option> <option value="11">Phosphorus</option> <option value="12">Flouride</option> <option value="13">Боржин</option> <option value="14">Tungsten</option> <option value="15">Э/шавар</option> <option value="16">Mixed Metal</option> <option value="17">Rare-earth metals</option> <option value="18">Ore</option> <option value="19">Non-Ferrous Metal </option> <option value="20">Manganese</option> <option value="21">Polymetal</option> <option value="22">Garnet</option> <option value="23">Polymetal</option> <option value="24">Crystal</option> <option value="25">Agalmatolite</option> <option value="26">Мөсөн шүү</option> <option value="27">Basalt</option> <option value="28">Peat</option> <option value="29">Cadmium</option> <option value="30">Perlite</option> <option value="31">Barium</option> <option value="32">Yttrium</option> <option value="33">Lithium</option> <option value="34">Nickel</option> <option value="35">Green granite</option> <option value="36">Bismuth</option> <option value="37">Mica</option> <option value="38">Peat</option> <option value="39">Sulfur</option> <option value="76">Spar concentration</option> <option value="79">Unproccessed coal</option> <option value="80">Concentrated coal</option> <option value="81">Final product</option> <option value="83">Bitter earth</option> <option value="84">Aluminum</option> <option value="85">Salt</option> <option value="89">Zeolite</option> <option value="90">Silica</option> <option value="91">Halite</option> <option value="92">Ice saline</option> <option value="93">Gypsum</option> <option value="94">Coal</option> <option value="96">Building material</option> <option value="97">Asphalt</option> <option value="98">Ormolu</option> <option value="99">Aquamarine</option> <option value="100">Rare-earth elements</option> <option value="101">Бал чулуу</option> <option value="102">Уран</option> </select> </div> </div> </fieldset> </div> <div class="col-md-6"> <fieldset class="fsStyle"> <span class="search-field-title"><span class="numbering">02.</span> By report</span> <div class="form-group"> <label class="control-label col-md-5 welfare-padding">Type of report:</label> <div class="col-md-6 welfare-padding "> <select name="isSubmited" id="isSubmited" type="text" class="form-control form-control-inline select2me"> <option value="">-Choose-</option> <option value="1">Both submitted</option> <option value="2">Company submitted</option> <option value="3">Government submitted</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-5 welfare-padding">Reporting year:</label> <div class="col-md-6 welfare-padding"> <select name="year" id="year" type="text" class="form-control form-control-inline select2me multiselect" multiple="multiple"> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> </select> </div> </div> </fieldset> </div> </div> <div class="clearfix"></div> </div> <div> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="form-group pull-right"> <div class="col-md-12"> <button class="btn btn-cus btn-cus-blue searchButton" type="button"><i class="fa fa-search"></i> Search</button> <a href="javascript:;" class="btn btn-cus btn-cus-gray" id="clearBtn">Clear</a> </div> </div> </div> <div class="clearfix"></div> </div> </form> </div> </div> <div class="table-toolbar pull-right"> <div class="dropdown btn-group"> <button aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" class="btn btn-cus dropdown-toggle exportBtn" type="button"> Export | <i class="fa fa-download"></i> </button> <ul class="dropdown-menu"> <li> <a href="javascript:;" class="btn exportExcel pull-left" id="exportExcel"> <i class="fa fa-file-excel-o"></i> Excel export-(Tout) </a> </li> <li> <a href="javascript:;" class="btn exportExcelAmount pull-left" id="exportExcelAmount"> <i class="fa fa-file-excel-o"></i> Excel export-(La Sélection) </a> </li> </ul> </div> </div> <form role="form" class="form-horizontal" id="reportForm"> <table id="reportList" class="welfare-table welfare-small-table welfare-table-no-border-btn table table-bordered table-hover" cellpadding="0px" cellspacing="0px" width="100%"> <thead> <tr> <th>#</th> <th class="width20">Company register</th> <th>Name of organisation</th> <th class="width15">Reporting year</th> <th class="width10">Reconciled or not</th> <th>Accéder au rapport</th> </tr> </thead> <thead> <tr id="filter"> <th></th> <th><input type="text" class="form-control m-wrap entityTin" name="entityTin" id="entityTin" value=""></th> <th><input type="text" class="form-control m-wrap entityName" name="entityName" id="entityName"></th> <th> <select name="yearFilter" id="yearFilter" type="text" class="form-control form-control-inline select2me multiselect" multiple="multiple"> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> </select> </th> <th> <select name="IsAudited" id="IsAudited" class="form-control form-control-inline select2me m-wrap"> <option value="">-Choose-</option> <option value="1">Yes</option> <option value="2">No</option> </select> </th> <th></th> </tr> </thead> <tbody> </tbody> </table> </form> </div> </div> </div> </div>