@extends('layouts.app')


@push('page_css')
    <link href="{{ asset('assets') }}/plugins/select2/css/select2.min.css" rel="stylesheet">   
@endpush




@section('content')


    <div class="page-info">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Módulos</a></li>
                <li class="breadcrumb-item" aria-current="page"><a href="{{ route('projects.index') }}">Proyectos</a></li>
                <li class="breadcrumb-item active" aria-current="page">Crear</li>
            </ol>
        </nav>
    </div>



    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-12">
                    <h1>Crear Proyecto</h1>
                </div>
            </div>
        </div>
    </section>

    <div class="main-wrapper">
        <div class="row">
            <div class="col">

        @include('adminlte-templates::common.errors')

        <div class="card">

            {!! Form::open(['route' => 'projects.store']) !!}

            <div class="card-body">

                <div class="row">
                    @include('projects.fields')
                </div>

            </div>

            <div class="card-footer">
                {!! Form::submit('Guardar', ['class' => 'btn btn-primary']) !!}
                <a href="{{ route('projects.index') }}" class="btn btn-default">Cancelar</a>
            </div>

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

        </div>
    </div>
</div>
</div>
@endsection


@push('page_scripts')
<script src="{{ asset('assets') }}/plugins/select2/js/select2.full.min.js"></script>    

<script>
    $(document).ready(function() {
        
        "use strict";
        
        $('.select_tow').select2();
        
        $(".js-example-basic-multiple-limit").select2({
            maximumSelectionLength: 2
        });
        
        $(".js-example-tokenizer").select2({
            tags: true,
            tokenSeparators: [',', ' ']
        });
        
        var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
    
        $(".js-example-data-array").select2({
            data: data
        });
        
    });
</script>

@endpush