@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">Editar</li>
            </ol>
        </nav>
    </div>



    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-12">
                    <h1>Edit 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::model($projects, ['route' => ['projects.update', $projects->id], 'method' => 'patch']) !!}

            <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