@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">Editar Link</h5>
            <div class="card-body">
                {!! Form::model($category, ['url'=>routeTenant('links.update', [$category->id]),'enctype'=>'multipart/form-data','method' => 'PUT']) !!}

                @include('app.admin.link._form')

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

                        {!! Form::checkbox('status', null,$category->status ==='on',['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,$category->outraba ==='on',['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,$category->index ==='on',['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,$category->sidebar ==='on',['id'=>'switch16']) !!}
                        <span> <label for="switch16"></label></span>
                    </div>
                </div>
                <div class="form-group">
                    {!! Form::submit('Salvar Link', ['class'=>'btn btn-primary']) !!}
                </div>
                {!! 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