@extends('layouts.app')

@section('content')
<!-- Container -->
	
<!-- Breadcrumb -->
<nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
    	@if($id_fk > 0) 
        	<li class="breadcrumb-item"><a href="{{ route('maropost.journeys.edit', $id) }}">Setup Journey Reports for Account: {{ $page_data->title }}</a></li>
        	<li class="breadcrumb-item active" aria-current="page">{{ $journey_page_data->title }}</li>
        @else
        	<li class="breadcrumb-item"><h3>Setup Journey Reports for Account: {{ $page_data->title }}</h3></li>
        @endif
    </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">

            <div class="row">
            
                <div class="col-xl-12">
        
                    <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
        
                        <form action="{{ route('maropost.journeys.update', $id) }}" method="post">
                            @csrf
                            <input type="hidden" name="id_fk" value="{{ $id_fk }}" />
                            <input type="hidden" id="nestable-output" name="nestable-output" value="" />
                            
                            <div class="row">
                            
                                <div class="col-sm-6">
                                    <div class="dd" id="nestable">
                                        <ol class="dd-list">
                                            <li class="dd-item dd3-item" data-id="0">
                                            	@if($id_fk > 0) 
                                                    Add Sub-Journey
                                                @else
                                                    Add Journey
                                                @endif
                                            </li>
                                            @foreach ($journeys_data as $data_k => $data_v)
                                                <li class="dd-item dd3-item" data-id="{{ $data_v['maropost_id'] }}">
                                                    <div class="dd-handle dd3-handle"></div>
                                                    <div class="dd3-content">
                                                    	<div class="input-group">
                                                            <input type="text" class="form-control" placeholder="Name" name="name_{{ $data_v['maropost_id'] }}" value="{{ $data_v['title'] }}" />
                                                            @if($id_fk == 0) 
                                                                <div class="input-group-append">
                                                                    <a href="{{ route('maropost.journeys.edit', $id) }}?id_fk={{$data_v['id']}}" class="btn btn-primary">Add Sub-Journeys</a>
                                                                </div>
                                                            @endif
                                                        </div>
                                                        <input type="hidden" name="id_{{ $data_v['maropost_id'] }}" value="{{ $data_v['maropost_id'] }}">
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ol>
                                    </div>
                                </div>
                                
                                <div class="col-sm-6">
                                    <div class="dd" id="nestable2">
                                        <ol class="dd-list">
                                        	<li class="dd-item dd3-item" data-id="0">Maropost Journeys</li>
                                        	@foreach ($maropost_journeys as $data_k => $data_v)
                                                <li class="dd-item dd3-item" data-id="{{ $data_v['id'] }}">
                                                    <div class="dd-handle dd3-handle"></div>
                                                    <div class="dd3-content">
                                                    	<input type="text" class="form-control" placeholder="Name" name="name_{{ $data_v['id'] }}" value="{{ $data_v['name'] }}" />
                                                        <input type="hidden" name="id_{{ $data_v['id'] }}" value="{{ $data_v['id'] }}">
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ol>
                                    </div>
                                </div>
                                
                            </div>

                            <div class="invoice-from-wrap">

                                <hr class="mt-20">
        
                                <div class="col-12 text-right">
	                                <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('maropost.journeys') }}">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('maropost_journeys.edit-js')

@endsection