@extends('layouts.app')

@section('content')
<!-- Container -->
	
<!-- Breadcrumb -->
<nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
        <li class="breadcrumb-item active" aria-current="page"><h3>Typeform Integration Setup</h3></li>
    </ol>
</nav>
<!-- /Breadcrumb -->
    
<div class="row sales_edit">
    <div class="col-xl-12">
        <section class="hk-sec-wrapper border-top-0 border-bottom-0 border-right-0 border-left-0">
        	
            @if ($id > 0)
                <div class="row">
                    <div class="col-12">
                        <div class="form-group" style="margin-bottom:0;">
                            <div class="row">
                                <div class="col-md-12">
                                    <a href="{{ route('integration.edit', 0) }}?type={{$type}}" class="btn btn-sm btn-primary float-left w-150p">Add New</a>
                                    <a href="javascript: void(0);" onclick="ActionRemove();" class="btn btn-sm btn-danger float-right w-150p">Delete</a>
                                    <script type="text/javascript">
                                        function ActionRemove(){
                                            question = confirm("Are you sure?")
                                            if (question !="0"){
                                                mouseLoader();
                                                top.location = "{{ route('integration.delete', $id) }}";
                                            }
                                        }
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <hr />
            @endif

            <div class="row">
            
                <div class="col-xl-12">
        
                    <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
        
                        <form action="{{ route('integration.update', $id) }}" method="post">
                            @csrf
                            <input type="hidden" name="type" value="{{ $type }}">
                            
                            <div class="invoice-from-wrap">
                                
                                <div class="form-group row">
                                    <label for="title" class="col-sm-2 col-form-label"><h6>Account Name*</h6></label>
                                    <div class="col-sm-4">
                                    	<input type="text" class="form-control" id="title" placeholder="Account Name" name="title" value="{{ old('title', $page_data->title ?? '') }}" required />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="api_key" class="col-sm-2 col-form-label"><h6>Typeform API Key*</h6></label>
                                    <div class="col-sm-4">
                                    	<input type="text" class="form-control" id="api_key" placeholder="Typeform API Key" name="api_key" value="{{ old('api_key', $page_data->data['api_key'] ?? '') }}" required />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="webhook" class="col-sm-2 col-form-label"><h6>Typeform URL*</h6></label>
                                    <div class="col-sm-4">
                                    	<input type="text" class="form-control" id="webhook" placeholder="Typeform URL" name="webhook" value="{{ old('webhook', $page_data->data['webhook'] ?? '') }}" required />
                                    </div>
                                </div>

                                <hr class="mt-0">
        
                                <div class="col-6 text-right">
	                                <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('integration') }}?type={{$type}}">Cancel / Back</a>
                                    <button class="btn btn-sm btn-primary w-150p" type="submit">Save</button>
                                </div>
        
                            </div>
        
                        </form>
        
                    </section>
        
                </div>
        
            </div>

        </section>
    </div>
</div>
<!-- /Container -->


@endsection

@section('more_scripts')

    @include('integration.edit-js')

@endsection