<div class="form-group required">
    <label for="experiment-name" class="control-label">Experiment Name</label>
    <input type="text" class="form-control" name="experiment-name" id="experiment-name"
           placeholder="Enter experiment name" autofocus required="required" maxlength="50" {{ $expInputs['disabled'] }}
    value="{{{
    $expInputs['experimentName'] }}}">
</div>
<div class="form-group">
    <label for="experiment-description">Experiment Description</label>
    <textarea class="form-control" name="experiment-description" id="experiment-description"
              placeholder="Optional: Enter a short description of the experiment" maxlength="200" {{
    $expInputs['disabled'] }}>{{{
    $expInputs['experimentDescription'] }}}</textarea>
</div>
<div class="form-group required">
    <label for="project" class="control-label">Project</label>
        {{ ProjectUtilities::create_project_select($expInputs["project"], false) }}
</div>
<div class="form-group">
    <label for="application">Application</label>
    {{ ExperimentUtilities::create_application_select($expInputs['application'], false) }}
</div>

@if (Config::get('pga_config.airavata')["data-sharing-enabled"])
<div class="form-group">
    @include('partials/sharing-display-body', array("form" => $canEditSharing))
</div>
@endif

<div class="panel panel-default">
    <div class="panel-heading">Application configuration</div>
    <div class="panel-body">
        <label>Application Inputs</label>

        <div class="well">
            @if( isset( $expInputs['experiment'] ) )
            <div class="form-group">
                <p><strong>Current Inputs</strong></p>
                {{ ExperimentUtilities::list_input_files($expInputs['experiment']->experimentInputs) }}
                <hr/>
            </div>
            {{ ExperimentUtilities::create_inputs($expInputs['application'], $expInputs['experiment']->experimentInputs, $expInputs['allowedFileSize']) }}
            @else
            {{ ExperimentUtilities::create_inputs($expInputs['application'], null, $expInputs['allowedFileSize']) }}
            @endif
        </div>
        <!-- Modal to view file inputs-->
        <div class="modal fade" id="input-file-view" tabindex="-1" role="dialog" aria-labelledby="add-modal"
             aria-hidden="true">
            <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <div id="byte_range"></div>
                </div>
                <div class="modal-body">
                    <div id="byte_content"></div>
                </div>
            </div>
            </div>
        </div>

        <div class="form-group required">
            <label class="control-label" for="compute-resource">Compute Resource</label>
            @if( count( $expInputs['computeResources']) > 0)
            <select class="form-control" name="compute-resource" id="compute-resource" required="required">
                @if(count($expInputs['computeResources']) > 1)
                    <option value="">Select a resource</option>
                @endif
                @foreach ($expInputs['computeResources'] as $id => $name)
                <option value="{{$id}}"
                {{ ($expInputs['resourceHostId'] == $id)? ' selected' : '' }}>{{$name}}</option>
                @endforeach
            </select>
            @else
            <h4>Application deployed Computational resources are currently unavailable</h4>
            @endif
        </div>
        <div class="queue-block">
            <div class="loading-img text-center hide">
                <img src="../assets/ajax-loader.gif"/>
            </div>

            <div class="queue-view">
                @if(isset($expInputs['expVal']) )
                @include( 'partials/experiment-queue-block', array('queues'=>
                $expInputs['batchQueues'], 'expVal' => $expInputs['expVal'],
                'useUserCRPref' => $expInputs['useUserCRPref'],
                'userHasComputeResourcePreference' => $expInputs['userHasComputeResourcePreference'],
                 'cpusPerNode' => $cpusPerNode))
                @endif
            </div>
        </div>
    </div>
    <h3>Notifications</h3>

    <div class="form-group well">
        <label for=""></label>
        <?php
            $hasEmails = false;
            if(!empty($expInputs['experiment'])){
                $emails = $expInputs['experiment']->emailAddresses;
                if(!empty($emails) and count($emails) > 0){
                    $hasEmails=true;
                }
            }
        ?>
        <input type="checkbox" id="enableEmail" name="enableEmailNotification" value="1" <?php if($hasEmails) echo 'checked' ?>> Do you want to receive email
        notifications for status changes in the experiment?<br/>

        <div class="emailSection <?php if(!$hasEmails) echo "hide"?>">
            <h4>Enter Email Address here.</h4>

            <div class="emailAddresses">
                <?php
                    if($hasEmails){
                        foreach($emails as $email){
                            echo '<input type="email" id="emailAddresses" class="form-control" name="emailAddresses[]"
                       placeholder="Email" value="'.$email.'"/>';
                        }
                    }else{
                        echo '<input type="email" id="emailAddresses" class="form-control" name="emailAddresses[]"
                       placeholder="Email"/>';
                    }
                ?>
            </div>
            <button type="button" class="addEmail btn btn-default">Add another Email</button>
        </div>
    </div>

    @if( $expInputs["advancedOptions"])
    <h3>Advanced Options</h3>

    <div class="form-group well">
        <h4>Enter UserDN</h4>

        <div class="userdninfo">
            <input type="text" class="form-control" name="userDN" placeholder="user" value="{{$expInputs['userDN']}}"/>
        </div>
    </div>
    @endif
</div>