<div class="row">
    <div class="col-md-3">
        <div class="form-group">
            <label>From </label>
            <div class="form-group data_1">
                <div class="input-group date">
                    <span class="input-group-addon">
                        <i class="icon icon-calendar-2"></i>
                    </span>
                    <input type="text" name="date_from" class="form-control readonly-white" value="" placeholder="From" readonly>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label>To </label>
            <div class="form-group data_1">
                <div class="input-group date">
                    <span class="input-group-addon">
                        <i class="icon icon-calendar-2"></i>
                    </span>
                    <input type="text" name="date_to" class="form-control readonly-white" value="" placeholder="To" readonly>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label> Select Supplier </label>
            <div class="form-group">
                <select name="supplier" id="supplier" class="form-control">
                    <option value=""></option>
                    @foreach (config('asn-history.available_suppliers') as $key => $supplier)
                    <option value="{{ $key }}">{{ $supplier }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
</div>