@extends('layouts.head') @section('content')
<h3><a class="ruta" class="" href="{{url('/terms')}}">{{ __('messages.terms.tag_4') }} </a> <span
        class="separador-ruta">|</span><a class="ruta" class=""
        href="{{url('/terms/add')}}">{{ __('messages.terms.tag_5') }}</a> </h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ __('messages.terms.tag_5') }}</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form role="form" id="createTerm" data-toggle="validator">
            <div class="row">
                <div class="col-12 col-md-12">
                    <div class="form-group">
                        <label for="description">{{ __('messages.terms.tag_1') }}</label>
                        <textarea class="form-control" id="description" name="description"></textarea>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="direction">{{ __('messages.terms.tag_6') }}</label>
                        <input type="file" name="pdf" id="pdf" required>
                    </div>
                </div>
            </div>

            <button onClick="createTerm()" id="btn-create-term"
                class="btn btnBox pull-right ">{{ __('messages.terms.tag_7') }}</button>
            <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton">
                <i class="fa fa-spinner fa-spin"></i>
            </button>
            <button type="button" class="btn btn-default pull-right btnCancel">
                <a href="{{url('/terms')}}">{{ __('messages.terms.tag_8') }}</a>
            </button>
            {{ csrf_field() }}
        </form>
    </div>
    <!-- /.box-body -->
</div>
@endsection
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/terms.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>