@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($service))?'Editare':'Adăugare' }} Serviciu</span>
            </div>            
        </div>

        <div class="panel-body">
            @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif
            <div class="col-md-3"></div>
            <div class="col-md-6">
                <div class="row">
                    <form method="POST" action="{{ route('service.save') }}"> 
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">                
                        
                        @if (! empty($service))    
                            <input type="hidden" name="id" value="{{ $service->id }}">
                        @endif

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

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

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

                        <div class="form-group">
                            <div class="col-md-6">
                                <a href="{{ route('services') }}">
                                    <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>

@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 = "menuServices";
    var submenuItemName = "";
@stop