@extends($layout)

@section('content')

@php
    $providerEntities = $providerEntities ?? [];
    $provider = $provider ?? null;
    $leantimeEntities = $leantimeEntities ?? [];
    $integrationId = $integrationId ?? null;

    $urlAppend = '';
    if (isset($integrationId) && is_numeric($integrationId)) {
        $urlAppend = '&integrationId=' . $integrationId;
    }
@endphp

<div class="pageheader">
    <div class="pageicon"><i class="fa-solid fa-circle-nodes"></i></div>
    <div class="pagetitle">
        <div class="row">
            <div class="col-lg-8">
                <h1>{!! __('headlines.connector') !!} // {{ $provider->name }}</h1>
            </div>
        </div>
    </div>
</div>

    <div class="maincontent">
        <div class="maincontentinner">
            @include('connector::submodules.importProgress')
        </div>
        <div class="maincontentinner center">

        {!! $tpl->displayNotification() !!}

            <h5 class="subtitle">What are you importing?</h5>
            <br />
            On this screen you can choose what you would like to synchronize. Choose an entity on the left and map it to someting in Leantime on the right.
            The arrow indicates that we will synchronize from one location to the other.<br /><br />

            <form method="post" action="{{ BASE_URL }}/connector/integration/?provider={{ $provider->id }}&step=fields{{ $urlAppend }}">

                <div class="row">
                    <div class="col-md-3"></div>
                    <div class="col-md-2 right">
                        <h1>From (your integration)</h1>
                        <label for="providerEntities">{{ $provider->name }}</label>
                        <select name="providerEntities" id="providerEntities" style="width:100%;">
                            @foreach ($providerEntities as $key => $entity)
                                <option value="{{ $key }}">{{ $entity['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2" style="padding-top:50px;">
                        <i class="fa fa-arrow-right"></i>
                    </div>
                    <div class="col-md-2">
                        <h1>To (Leantime)</h1>

                        <label for="leantimeEntities">Leantime</label>
                        <select name="leantimeEntities" id="leantimeEntities" style="width:100%;">
                            @foreach ($leantimeEntities as $key => $entity)
                                <option value="{{ $key }}">{{ $entity['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3"></div>
                </div>

                <div class="left">
                    <a href="{{ BASE_URL }}/connector/integration/?provider={{ $provider->id }}" class="btn btn-default pull-left">Back</a>
                </div>

                <div class="right">
                    <input type="submit" value="Next" class="btn" />
                </div>
                <div class="clearall"></div>
            </form>
        </div>
    </div>

@endsection