@model StubAP.ViewModels.ProfileViewModel
@using StubCore.Entities

<section class="st_profile">
    <div class="st_profile_head">
        <div class="st_head_left">
            <h1>Update profile</h1>
        </div>
        <div class="st_head_right">
            <div class="st_hint_switcher">
                <div class="st_option">
                    <label>
                        <input type="checkbox" />
                        <span class="st_option_shadow"></span>
                    </label>
                </div>
            </div>
            <div class="st_hint_note">
                <span class="st_head">Turn hints off</span>
                <span class="st_description">Click on light blue block to open the hint</span>
            </div>
        </div>
    </div>
    <div class="st_profile_body">
        <div class="st_profilebody_line"></div>
        <div class="st_profilebody_content">
            <div class="st_profile_data">
                <div class="st_fields_set">
                    <div class="st_field_block left-one">
                        <label>Profile name</label>
                        <div class="st_cellblock">
                            <div class="st_cellblockIn st_profileID">
                                <div class="st_input_buffer">ID 101</div>
                            </div>
                            <div class="st_cellblockIn st_profileName">
                                <input type="text" class="st_input" placeholder="Profile name" />
                            </div>
                        </div>
                    </div>
                    <div class="st_field_block right-one">
                        <label>Profile name ID</label>
                        <input type="text" class="st_input" placeholder="Profile name ID" />
                    </div>
                </div>
                <div class="st_fields_set">
                    <div class="st_field_block left-one">
                        <label>Input transport type</label>
                        <div class="st_select">
                            <select class="st_input select">
                                <option value="0">Select type</option>
                                <option value="1">Application Soap + XML</option>
                            </select>
                        </div>
                    </div>
                    <div class="st_field_block right-one">
                        <label>Output transport type</label>
                        <div class="st_select">
                            <select class="st_input select">
                                <option value="0">Select type</option>
                                <option value="1">Application Soap + XML</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="st_fields_set">
                    <div class="st_field_block left-one">
                        <label>Content Encoding</label>
                        <div class="st_select">
                            <select class="st_input select">
                                <option value="0">Select type</option>
                                <option value="1">Charset UTF-8</option>
                            </select>
                        </div>
                    </div>
                    <div class="st_field_block right-one">
                        <label>Request type</label>
                        <div class="st_select">
                            <select class="st_input select">
                                <option value="0">Select type</option>
                                <option value="1">Flexible</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="st_fields_set">
                    <div class="st_field_block left-one">
                        <label>Response delay</label>
                        <div class="st_cellblock">
                            <div class="st_cellblockIn st_response_delay">
                                <input type="text" class="st_input" placeholder="Response delay in seconds" />
                            </div>
                            <div class="st_cellblockIn st_delay_seconds">
                                <div class="st_input_buffer">seconds</div>
                            </div>
                        </div>
                        <div class="st_profile_dateset">
                            <div class="st_date_box">Profile created: 10/01/2017</div>
                            <div class="st_date_box">Last update 10/01/2017</div>
                        </div>
                    </div>
                    <div class="st_field_block right-one">
                        <label>Profile description</label>
                        <textarea class="st_textarea"></textarea>
                    </div>
                </div>
            </div>
            <div class="st_profile_files">
                <h2>Files</h2>
                <div class="st_files_block">
                    <div class="st_files_list">
                        <ul>
                            <li>
                                <div class="st_col st_name">NBS Success response.xml</div>
                                <div class="st_col st_actions">
                                    <a class="st_formBtn action">Delete</a>
                                    <a class="st_formBtn action">Edit</a>
                                </div>
                            </li>
                            <li>
                                <div class="st_col st_name">NBS Success response.xml</div>
                                <div class="st_col st_actions">
                                    <a class="st_formBtn action">Delete</a>
                                    <a class="st_formBtn action">Edit</a>
                                </div>
                            </li>
                            <li>
                                <div class="st_col st_name">NBS Success response.xml</div>
                                <div class="st_col st_actions">
                                    <a class="st_formBtn action">Delete</a>
                                    <a class="st_formBtn action">Edit</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="st_files_upload">
                    <a class="st_formBtn submit">Select files for upload</a>
                </div>
            </div>
            <div class="st_profile_nodes">
                <h2>Nodes</h2>
                <div class="st_nodes_form">
                    <div class="st_fields_set">
                        <div class="st_field_block left-one">
                            <label>Node name</label>
                            <input type="text" class="st_input" placeholder="Node name" />
                        </div>
                        <div class="st_field_block right-one">
                            <label>Node value</label>
                            <input type="text" class="st_input" placeholder="Node value" />
                        </div>
                    </div>
                    <div class="st_fields_set">
                        <div class="st_field_block left-one">
                            <label>Select file response</label>
                            <div class="st_select">
                                <select class="st_input select">
                                    <option value="0">Select file</option>
                                    <option value="1">NBS Success response.xml</option>
                                </select>
                            </div>
                        </div>
                        <div class="st_field_block right-one">
                            <div class="st_label_buffer"></div>
                            <a class="st_formBtn submit full">Add node</a>
                        </div>
                    </div>
                </div>
                <div class="st_nodes_block">
                    <div class="st_nodes_list">
                        <div class="st_nodes_list_head">
                            <div class="st_col st_name">Node name</div>
                            <div class="st_col st_value">Node value</div>
                            <div class="st_col st_response_file">Response file</div>
                            <div class="st_col st_actions"></div>
                        </div>
                        <ul>
                            <li>
                                <div class="st_col st_name">nbs:firstname</div>
                                <div class="st_col st_value">Nikolaev</div>
                                <div class="st_col st_response_file">NBS Success response.xml</div>
                                <div class="st_col st_actions">
                                    <a class="st_formBtn action">Delete</a>
                                    <a class="st_formBtn action">Edit</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="st_profile_namespaces">
                <h2>Namespaces</h2>
                <div class="st_namespaces_form">
                    <div class="st_fields_set">
                        <div class="st_field_block left-one">
                            <label>XML namespace</label>
                            <input type="text" class="st_input" placeholder="Namespace tag" />
                        </div>
                        <div class="st_field_block right-one">
                            <label>XML namespace value</label>
                            <input type="text" class="st_input" placeholder="XML namespace value" />
                        </div>
                    </div>
                    <div class="st_fields_set">
                        <div class="st_field_block left-one">
                            <a class="st_formBtn submit full">Add namespace</a>
                        </div>
                        <div class="st_field_block right-one"></div>
                    </div>
                </div>
                <div class="st_namespaces_block">
                    <div class="st_namespaces_list">
                        <div class="st_namespaces_list_head">
                            <div class="st_col st_tag">Namespace tag</div>
                            <div class="st_col st_value">Namespace value</div>
                            <div class="st_col st_actions"></div>
                        </div>
                        <ul>
                            <li>
                                <div class="st_col st_tag">nbs</div>
                                <div class="st_col st_value">http://server.org.uk/HITT/Types</div>
                                <div class="st_col st_actions">
                                    <a class="st_formBtn action">Delete</a>
                                    <a class="st_formBtn action">Edit</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="st_profile_submit">
                <input type="submit" class="st_formBtn submit" value="Update profile"/>
            </div>
        </div>
    </div>
</section>

