@extends('layout.padrao')
@section('title', 'Client Type - Services')
@section('content')

    @if($errors->any())
        <div class="alert alert-danger">
            @foreach($errors->all() as $error)
                {{ $error }} <br>
            @endforeach
        </div>
    @endif

    <form method="POST" action="{{route('store.clienttype.items')}}" accept-charset="UTF-8" enctype="multipart/form-data" id="form_storeclienttypeitems" autocomplete="off">
        {{ csrf_field() }}

        <div class="row">
            <div class="col col-md-2 col-sm-12 form-group align-self-end">
                <label class="w-100 control-label">Id</label>
                <input type="text" class="form-control" name="id" value="{{$register->id}}" readonly>
            </div>

            <div class="col col-md-4 col-sm-12 form-group align-self-end">
                <label class="w-100 control-label">Description</label>
                <input type="text" class="form-control" name="description" value="{{$register->description}}" readonly>
            </div>
        
            <div class="col col-md-2 col-sm-12 form-group align-self-end">

            </div>

            <div class="col col-md-4 col-sm-12 form-group align-self-end">
            </div>            

            <div class="col col-sm-12">
                <hr class="style2">
            <div>

            @forelse ($register->generalServiceTypes as $key => $serviceType)
                <div class="row col-lg-12 col-md-12 col-sm-12 formEmails">

                    <input class="form-control " placeholder="" name="serviceTypeId[]" type="hidden" value="{{$serviceType->id ?? ''}}">

                    <div class="col col-sm-7 form-group {{ $errors->has('xxx')? 'has-error':''}} align-self-end" >
                        @if ($key == 0)
                            <label class="w-100 control-label">Service Type</label>
                        @endif
                        <input class="form-control " placeholder="" name="serviceType[]" type="text" value="{{$serviceType->description ?? ''}}" required autocomplete="off">
                    </div>
                
                    <div class="col col-sm-2 form-group align-self-end">
                        @if ($key == 0)
                            <button type="button" name="btn_add[]" style="border:none;" class="text-primary myadd" >
                                <div class="circleIcon" type="button" style="margin-left: -2px; margin-top: -7px;">
                                    <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                                </div>
                            </button>
                        @endif
                        <button type="button" name="btn_remove[]" style="border:none;" class="text-danger myremove {{($key == 0 ? 'hide' : '')}}">
                            <div class="circleIcon" type="button" style="margin-left: -7px; margin-top: -38px">
                                <img src="{!! asset('/image/minus.svg') !!}" style="width: 47px;">
                            </div>
                        </button>
                    </div>
                </div>                    
            @empty
                <div class="row col-lg-12 col-md-12 col-sm-12 formEmails">
                    <div class="col col-sm-7 form-group {{ $errors->has('xxx')? 'has-error':''}} align-self-end" >
                        <label class="w-100 control-label">Service Type</label>
                        <input class="form-control " placeholder="" name="serviceType[]" type="text" value="" required autocomplete="off">                        
                    </div>
                
                    <div class="col col-sm-2 form-group align-self-end">
                        <button type="button" name="btn_add[]" style="border:none;" class="text-primary myadd" >
                            <div class="circleIcon" type="button" style="margin-left: -2px; margin-top: -7px;">
                                <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                            </div>
                        </button>
                        <button type="button" name="btn_remove[]" style="border:none;" class="text-danger myremove hide">
                            <div class="circleIcon" type="button" style="margin-left: -7px; margin-top: -38px">
                                <img src="{!! asset('/image/minus.svg') !!}" style="width: 47px;">
                            </div>
                        </button>
                    </div>
                </div>                       
            @endforelse

            
            <div class="col col-sm-12">
                <hr class="style2">
            <div>

            <div class="col col-md-12 col-sm-12 form-group align-self-end text-right">
                <button id="btnSubmit" type="submit" class="btn btn-padrao align-self-end" onclick='submitDisable()'> Save </button>
                @isset($register->emailGroupable_type)
                    <a href="{{ url(str_replace("app\\", "", Str::lower($register->emailGroupable_type)) . '/' . $register->emailGroupable_id . '/edit') }}" class="btn btn-padrao">Edit {{{substr($register->emailGroupable_type, 4)}}}</a>                    
                @endisset

                <button type="reset" class="btn btn-padrao" onClick="history.go(-1)"> Cancel </button>
            </div>
         


        </div>
    </form>
@endsection

@include('clientType.script')