@extends('admin._layouts.master')

@section('css')

    <style>
        .unit-input .btn {
            width : 80px;
        }
    </style>

@endsection

@section('content')

    <div class="row">
        <div class="col-lg-2">

            <div class="input-group unit-input">
                <input type="number" class="form-control">
                <div class="input-group-btn">
                    <label class="btn btn-default">Mililitre</label>
                </div>
            </div>

        </div>
    </div>

@endsection

@section('scripts')

    <script>
        $(function () {
            var $unitInput, $buttons

            $unitInput = $('.unit-input')
            $buttons   = $unitInput.find('.btn')

            $buttons.click(function () {
                $buttons.toggleClass('hidden')
            })
        })
    </script>

@endsection