@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Criar Link</h4>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row">
        <!-- ============================================================== -->
        <!-- basic form -->
        <!-- ============================================================== -->
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Criar Link</h5>
                <div class="card-body">
                {!! Form::open(['url'=>routeTenant('links.store'),'enctype'=>'multipart/form-data', 'class'=>'form']) !!}

        @include('app.admin.link._form')
                    <div class="form-group">
                        {!! Form::label('Satus', 'Status:') !!}
                        <div class="switch-button switch-button-sm">
                            {!! Form::checkbox('status', null,true,['id'=>'switch13']) !!}
                            <span> <label for="switch13"></label></span>
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('Outra Aba', 'Outra Aba:') !!}
                        <div class="switch-button switch-button-sm">

                            {!! Form::checkbox('outraba', null,true,['id'=>'switch14']) !!}
                            <span> <label for="switch14"></label></span>
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('Index', 'Index:') !!}
                        <div class="switch-button switch-button-sm">

                            {!! Form::checkbox('index', null,true,['id'=>'switch15']) !!}
                            <span> <label for="switch15"></label></span>
                        </div>
                    </div>
                    <div class="form-group">
                        {!! Form::label('Sidebar', 'Sidebar:') !!}
                        <div class="switch-button switch-button-sm">

                            {!! Form::checkbox('sidebar', null,true,['id'=>'switch16']) !!}
                            <span> <label for="switch16"></label></span>
                        </div>
                    </div>

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

        {!! Form::close() !!}
                </div>
            </div>
        </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 class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">

            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="card">
                    <h5 class="card-header">Selecione o link de uma Pagina</h5>
                    <div class="card-body">
                        @foreach( $page as $pag)
                            <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary" onclick="addtitulo(['{{$pag->titulo}}', 'pagina/{{$pag->name}}'])" >{{$pag->titulo}}</a>
                        @endforeach

                    </div>
                </div>
            </div>
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="card">
                    <h5 class="card-header">Selecione o link de um Modulo</h5>
                    <div class="card-body">
                        <a style="cursor: pointer; margin-top: 10px; color: #fff; padding: 2px;" class="btn  btn-primary" onclick="addtitulo(['Diário', 'diario'])" >Diário</a>

                        <a style="cursor: pointer; margin-top: 10px; color: #fff; padding: 2px;" class="btn  btn-primary" onclick="addtitulo(['Pautas', 'pautas'])" >Pautas</a>
                        <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary" onclick="addtitulo(['Licitações', 'licitacoes'])" >Licitações</a>
                        <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary" onclick="addtitulo(['Ouvidoria', 'ouvidoria'])" >Ouvidoria</a>
                        <a style="cursor: pointer; margin-top: 10px;  color: #fff; padding: 2px;" class="btn  btn-primary" onclick="addtitulo(['Legislação', 'legislacao'])" >Legislação</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('post-script')

    <script>

        function add(value){
            var resultado = document.getElementById('icone');

            resultado.value = value;

        }
        function addtitulo(value){
            var resultado = document.getElementById('titulo');
            var url = document.getElementById('url');

            resultado.value = value[0];
            url.value = value[1];

        }

    </script>

@endsection