@layout('admin/master')
@section('content')
@section('scripts')
@endsection
  <section class="main-content">
    <div class="row">
        <div class="col-sm-12">
            @include('admin/flash-message')
            <div class="card">
                <div class="card-header card-default">
                    Add Unit Option
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.unitoptions.store') }}" method="post" enctype="multipart/form-data">
                        {{ csrfField() }}
                        <div class="form-group">
                            <label>Title</label>
                            <input required class="form-control" name="title" type="text">
                        </div>
                        <div class="form-group">
                            <label>Description</label>
                            <textarea required class="form-control" name="description" id="" cols="30" rows="10"></textarea>
                        </div>
                        <div class="form-group">
                            <label>Chargess Type</label>
                            <select required name="charge_type_id" class="form-control">
                                @each((ChargesType, index) in record.charges_type)
                                    <option value={{ ChargesType.id }}>{{ ChargesType.title }}</option>
                                @endeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Code</label>
                            <textarea required class="form-control" name="unit_code"></textarea>
                        </div>
                        <div class="form-group">
                            <label>Value</label>
                            <input required class="form-control value" name="unit_size">
                        </div>
                        <div class="form-group">
                            <div class="buttons">
                                <button class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @include('admin.footer')
    <script>
    $(function() {
        $('.value').mask('999.99');
    })
    </script>
  </section>
@endsection