@model IEnumerable<PortfolioLib.Models.M_brokers>
    <div id="scrollTop"></div>

    <div class="row justify-content-center">
        <div class="col-12 col-m-12 col-lg-12">
            <div class='slider'>
                <div class="edge"></div>
                <ul class="slideContainer" id="money_start">
                    <li class="slideItem">
                        EUR
                    </li>
                    <li class="slideItem">
                        USD
                    </li>
                    <li class="slideItem">
                        JPY
                    </li>
                    <li class="slideItem">
                        CNY
                    </li>
                    <li class="slideItem">
                        VD
                    </li>
                    <li class="slideItem">
                        GBP
                    </li>
                    <li class="slideItem">
                        AUD
                    </li>
                    <li class="slideItem">
                        CAD
                    </li>
                    <li class="slideItem">
                        CHF
                    </li>
                    <li class="slideItem">
                        XAU
                    </li>
                    <li class="slideItem">
                        XAU
                    </li>
                    <li class="slideItem">
                        XAU
                    </li>
                    <li class="slideItem">
                        XAU
                    </li>
                    <li class="slideItem">
                        XAU
                    </li>
                    <li class="slideItem">
                        XAU
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div id="tableDetailCustodians" class="table-bordered table-striped table-hover">
        <table class="table">
            <tr class="background_title_tab">
                <th colspan="12" class="titlet_tab">BROKERS</th>
            </tr>

                          <tr>
                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.name)
                                </th>
                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.equities)
                                </th>
                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.corporate_bonds)

                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.mmi)
                                </th>
                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.trs)
                                </th>
                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.futures)
                                </th>
                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.etf)
                                </th>
                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.fx)
                                </th>
                                <th class="thSize thCenter">
                                    @Html.DisplayNameFor(model => model.fund)
                                </th>
                                <th class="thSize thcenter ">
                                    <a class="createNew" href="/Brokers/Create">Create new <i class="fas fa-plus"></i></a>
                               </th>
                            </tr>

                            @foreach (var item in Model)
                            {
                            <tr>
                                <td>
                                    @Html.DisplayFor(modelItem => item.name)
                                </td>
                                <td class="tdCenter">
                                    @Html.DisplayFor(modelItem => item.equities)
                                </td>
                                <td class="tdCenter">
                                    @Html.DisplayFor(modelItem => item.corporate_bonds)
                                </td>
                                <td class="tdCenter">
                                    @Html.DisplayFor(modelItem => item.mmi)
                                </td>
                                <td class="tdCenter">
                                    @Html.DisplayFor(modelItem => item.trs)
                                </td>
                                <td class="tdCenter">
                                    @Html.DisplayFor(modelItem => item.futures)
                                </td>
                                <td class="tdCenter">
                                    @Html.DisplayFor(modelItem => item.etf)
                                </td>
                                <td class="tdCenter">
                                    @Html.DisplayFor(modelItem => item.fx)
                                </td>
                                <td class="tdCenter">
                                    @Html.DisplayFor(modelItem => item.fund)
                                </td>
                                <td class="tdCenter">
                                    @Html.ActionLink("Details", "Details", new { id = item.id }, new { @class = "createNew" }) |
                                    @Html.ActionLink("Edit", "Edit", new { id = item.id }, new { @class = "createNew" }) |
                                    @Html.ActionLink("Delete", "Delete", new { id = item.id }, new { @class = "createNew" })
                                </td>
                            </tr>
                            }
                        </table>
                    </div>