@extends('layouts.metronic')

@section('content')
<div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption font-dark">                
                <span class="caption-subject bold uppercase"><i class="fa fa-edit"></i> {{ (!empty($terminal_group))?'Editare':'Adăugare' }} Group Terminale</span>
            </div>            
        </div>

        <div class="panel-body">
            <div class="col-md-3"></div>
            <div class="col-md-6">
                <div class="row">
                    <form method="POST" action="{{ route('terminal_group.save') }}"> 
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">                
                        
                        @if (! empty($terminal_group))    
                            <input type="hidden" name="id" value="{{ $terminal_group->id }}">
                        @endif

                        <div class="form-group">
                            <label for="name">Nume</label>
                            <input type="text" class="form-control" id="name" name="name" value="{{ (!empty($terminal_group))?$terminal_group->name:'' }}" required autofocus />
                        </div>

                        <div class="form-group">
                            <div class="col-md-6">
                                <a href="{{ route('terminal_groups') }}">
                                    <button type="button" class="btn btn-danger">                            
                                        <i class="fa fa-close" aria-hidden="true"></i> Închide
                                    </button>
                                </a>
                            </div>

                            <div class="col-md-6">
                                <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save" aria-hidden="true"></i> Salvează</button>
                            </div>
                        </div>
                    </form>
                </div>
             </div>   
            <div class="col-md-3"></div>
        </div>
</div>

@if (!empty($terminal_group))
    @include('terminal_group_edit_terminals', ['title' => "terminale"])
@endif

@section('scripts')  
<script>
    @if (!empty($terminal_group))

        var nameItems = "terminale";

        CreateTable($("#"+nameItems+"Table"));   
        var tableToAdd = CreateTableForSelect($("#"+nameItems+"TableToAdd"));
    
    
        $('#'+nameItems+'TableToAdd tbody').on( 'click', 'tr', function () {
            $(this).toggleClass('selected');
        } );

        $('#'+nameItems+'AddButton').click( function () {

            var itemsToAdd = [];

            tableToAdd.rows('.selected').every( function ( rowIdx, tableLoop, rowLoop ) {
                itemsToAdd.push(this.data()[0]);
            });

            $.get( "{{ route('terminal_group.add.terminal', $terminal_group->id) }}", { id: itemsToAdd }).done(function( data ) {    
                document.location.href="{!! route('terminal_group.edit', [$terminal_group->id]); !!}";
            });
        });
    @endif
</script>
@stop

@endsection

@section('menuVariables')
    var menuItemName = "menuTerminalGroups";
    var submenuItemName = "";
@stop