@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Nova categoria</h4>


                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row">
    <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-12">
      <h3>Nova categoria</h3>

      {{-- {!! Form::open(['url' => routeTenant('categories.store'), 'class' => 'form']) !!} --}}
      {!! Form::open([
          'url' => routeTenant('categories.store'),
          'enctype' => 'multipart/form-data',
          'class' => 'form',
      ]) !!}

      @include('app.noticia.categories._form')

      {!! Form::submit('Criar categoria', ['class' => 'btn btn-primary']) !!}

      {!! Form::close() !!}

    </div>
    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
      <div class="card">
        <h5 class="card-header">Modelos de Icones</h5>
        <div class="card-body">

          <link rel="stylesheet" href="{{ asset('templates/prefeitura1/css/font-awesome.min.css') }}">
          <h5 class="card-header">Mais usados</h5>
          <a style="color: #fff; margin-top: 10px;" class="btn  btn-primary" onclick="add('fa fa fa-gavel')"> <i
              class="fa fa-gavel " aria-hidden="true"></i> </a>
          <a style="color: #fff; margin-top: 10px;" class="btn  btn-primary" onclick="add('fa fa-search')"> <i
              class="fa fa-search  " aria-hidden="true"></i> </a>
          <a style="color: #fff; margin-top: 10px;" class="btn  btn-primary" onclick="add('fa fa-file-code-o')"> <i
              class="fa fa-file-code-o  " aria-hidden="true"></i> </a>
          <a style="color: #fff; margin-top: 10px;" class="btn  btn-primary" onclick="add('fa fa-comments ')"> <i
              class="fa fa-comments " aria-hidden="true"></i> </a>
          <a style="color: #fff; margin-top: 10px;" class="btn  btn-primary" onclick="add('fa fa-usd ')"> <i
              class="fa fa-usd " aria-hidden="true"></i> </a>
          <div></div>

          <h5 class="card-header"> <a target="_blank" class="btn  btn-danger"
              href="https://fontawesome.com/v4.7.0/icons/">Link de Icones</a></h5>

          <h5 class="card-header">Lista de Icones</h5>
          <div style="overflow: auto; width: 100%; height: 300px;">
            @foreach ($icon as $icone)
              <div style="height: 50px; width: 60px; float: left">
                <a style="color: #fff; margin-top: 10px;" class="btn  btn-primary"
                  onclick="add('fa {{ $icone }}')">
                  <i class=" fa {{ $icone }}" title="fa {{ $icone }}" aria-hidden="true"></i> </a>
              </div>
            @endforeach
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('post-script')
  <script>
    function add(value) {
      var resultado = document.getElementById('icone');
      resultado.value = value;
    }
  </script>
@endsection