@extends('layouts.app')


@section('content')
    <div class="card">
        <div class="card-body">
            <div class="mb-4 clearfix">
                <h4 class="float-left">Web Service</h4>
                <a class="float-right" href="{{ route('webservice.index') }}"><button class="btn btn-primary btn-sm"><i class="fas fa-long-arrow-alt-left mr-2"></i>Go Back</button></a>
            </div>
            <form action="{{ isset($id)? route('webservice.update', $webservice->id) : route('webservice.store')  }}" method="POST">
                @csrf
                {{ isset($id)? method_field('PUT') : '' }}
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Name</label>
                            <input type="text" name="name" class="form-control" value="{{ isset($id)? $webservice->name : '' }}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Service Type</label>
                            <select class="form-control" name="service_type" id="service_type">
                                {{ isset($id)? '' : '<option disabled selected>Choose</option>' }}
                                <option value="soap">Soap</option>
                                <option value="rest">Rest</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Method Type</label>
                            <select class="form-control" name="method_type" id="method_type">
                                {{ isset($id)? '' : '<option disabled selected>Choose</option>' }}
                                <option value="post">POST</option>
                                <option value="get">GET</option>
                            </select>
                        </div>
                    </div>
                </div>              
                <div class="form-group">
                    <label>URL</label>
                    <input type="text" name="url" class="form-control" value="{{ isset($id)? $webservice->url : '' }}">
                </div>
                <div class="form-group">
                    <label>Body</label>
                    <textarea name="body" class="form-control">{{ isset($id)? $webservice->body : '' }}</textarea>
                </div>
                <div id="headers">
                    <h6 class="text-muted">Headers</h6>
                    <hr>
                    @if(isset($id))
                        @if(!is_null($webservice->headers))
                            @foreach(json_decode($webservice->headers, true) as $header)
                            <div class="row">
                                <div class="form-group col-12 col-md-5">
                                    <input type="text" name="header_name[]" class="form-control" value="{{ $header['name'] }}">
                                </div>
                                <div class="form-group col-12 col-md-6">
                                    <input type="text" name="header_value[]" class="form-control" value="{{ $header['value'] }}">
                                </div>
                                <div class="form-group col-12 col-md-1 d-flex">
                                    <i class="far fa-times-circle remove_btn my-auto"></i>
                                </div>
                            </div>
                            @endforeach
                        @endif
                    @endif
                </div>
                <button type="button" class="btn btn-primary btn-sm add_fields mb-4"><i class="fas fa-plus"></i></button>
                
                <div id="shippment_type">
                    <h6 class="text-muted">Shippment Type</h6>
                    <hr>
                    @if(isset($id))
                        @if(!is_null($shippment_types))
                            @foreach($shippment_types as $shippment_type)
                            <div class="row">
                                <div class="form-group col-12 col-md-5">
                                    <input type="text" name="shippment_type_name[]" class="form-control" value="{{ $shippment_type->name }}">
                                </div>
                                <div class="form-group col-12 col-md-6">
                                    <input type="text" name="shippment_type_value[]" class="form-control" value="{{ $shippment_type->value }}">
                                </div>
                                <div class="form-group col-12 col-md-1 d-flex">
                                    <i class="far fa-times-circle remove_btn my-auto"></i>
                                </div>
                            </div>
                            @endforeach
                        @endif
                    @endif
                </div>
                <button type="button" class="btn btn-primary btn-sm add_fields mb-4"><i class="fas fa-plus"></i></button>

                <div id="parameters">
                    <h6 class="text-muted">Parameters</h6>
                    <hr>
                    @if(isset($id))
                        @if(!is_null($webservice->match_perameters))
                            @foreach(json_decode($webservice->match_perameters, true) as $parameter)
                            <div class="row">
                                <div class="form-group col-12 col-md-5">
                                    <input type="text" name="parameter_name[]" class="form-control" placeholder="name" value="{{ $parameter['name'] }}">
                                </div>
                                <div class="form-group col-12 col-md-6">
                                    <input type="text" name="parameter_value[]" class="form-control" placeholder="value" value="{{ $parameter['value'] }}">
                                </div>
                                <div class="form-group col-12 col-md-1 d-flex">
                                    <i class="far fa-times-circle remove_btn my-auto"></i>
                                </div>
                            </div>
                            @endforeach
                        @endif
                    @endif
                </div>
                <button type="button" class="btn btn-primary btn-sm add_fields mb-4"><i class="fas fa-plus"></i></button>
                <div class="form-group">
                    <label>Shipping Descriptions</label>
                    <input type="text" name="shipping_descriptions" class="form-control" value="{{ isset($id)? $webservice->shipping_descriptions : '' }}">
                </div>
                <hr class="mt-4">
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-sm">Save</button>
                </div>
            </form>
        </div>
    </div>
@endsection


@section('script')
    <script>
        $(document).ready(function () {
            $('.add_fields').on('click', function(){
                if($(this).prev().is('#headers')){
                    $(this).prev().append('<div class="row"><div class="form-group col-12 col-md-5"><input type="text" name="header_name[]" class="form-control"></div><div class="form-group col-12 col-md-6"><input type="text" name="header_value[]" class="form-control"></div><div class="form-group col-12 col-md-1 d-flex"><i class="far fa-times-circle remove_btn my-auto"></i></div></div>');
                }else if($(this).prev().is('#parameters')){
                    $(this).prev().append('<div class="row"><div class="form-group col-12 col-md-5"><input type="text" name="parameter_name[]" class="form-control"></div><div class="form-group col-12 col-md-6"><input type="text" name="parameter_value[]" class="form-control"></div><div class="form-group col-12 col-md-1 d-flex"><i class="far fa-times-circle remove_btn my-auto"></i></div></div>');
                }else if($(this).prev().is('#shippment_type')){
                    $(this).prev().append('<div class="row"><div class="form-group col-12 col-md-5"><input type="text" name="shippment_type_name[]" class="form-control"></div><div class="form-group col-12 col-md-6"><input type="text" name="shippment_type_value[]" class="form-control"></div><div class="form-group col-12 col-md-1 d-flex"><i class="far fa-times-circle remove_btn my-auto"></i></div></div>');
                }
            });

            $('body').delegate('.remove_btn', 'click', function(){
                $(this).parent().parent().remove();
            });
        });
    </script>

    @if(isset($id))
        <script>
            $(document).ready(function () {
                $('#service_type').val('{{  $webservice->service_type }}');
                $('#method_type').val('{{  $webservice->method_type }}');
            })
        </script>
    @endif
@endsection