@model CreditsViewModel

@{
    ViewData["Title"] = "Home Page";
}
<div class="fixed"></div>
<section class="navigation">

    <div class="container container_flex">
        <div class="navigation_fixed"></div>
        <div class="navigation_fixed_background"></div>
        <div class="navigation_banks" id="navigation">
            <div class="navigation_banks_univer ">@Model.University.Name</div>
            <div class="navigation_banks_speciality ">@Model.Direction.Code - @Model.Direction.Name</div>
            <div class="navigation_banks_sort navigation_banks_sort_hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="row row-cols-lg-10 g-5 g-lg-3">

            <div class="col-12 navigation_card navigation_bank_text" id="add">
              <div class="navigation_bank" id="add_text">
                  <img src="./img/icons/alpha.png" alt="navigation" class="navigation_icon" >
                     Альфа Банк
                   <span> на 4 года &nbsp;</span>
             </div>
                       <div class="navigation_credit add_procent" >
                          <span class="navigation_credit_prosent" id="add_text">Потребительский кредит от 13% в год</span>
                        </div> 
             </div>
        
            @{
                foreach (var offer in Model.Offers)
                {
                    <div data-modal class="col-12 navigation_card navigation_bank_text">
                        <div class="navigation_bank">
                            <img src="@offer.BankIconUrl" alt="navigation" class="navigation_icon">
                            @offer.BankName&nbsp; <span>на 4 года &nbsp;</span>
                        </div>
                        <div class="navigation_credit">
                            <span class="navigation_credit_cost">@float.Round(Model.Direction.PlaceCost/12/3.8f) 000 рублей/мес</span>
                            <span class="navigation_credit_prosent">@offer.BankPercent% в год</span>
                        </div>
                    </div>
                }
            }
        </div>


    </div>
    <div class="navigation_choise">
        <div class="navigation_slid">
            <a href="/" class="navigation_slid_disable">
                <span class="navigation_slid_disable"></span>
            </a>
            <a href="Directions?UniversityId=@Model.University.Id" class="navigation_slid_disable">
                <span class="navigation_slid_disable"></span>
            </a>
            <span class="navigation_slid_active"></span>
            <span class="navigation_slid_disable"></span>
        </div>
    </div>

    <a href="Directions?UniversityId=@Model.University.Id" class="back">
        <img src="~/img/icons/arrow.svg" alt="back" class="back_img">
    </a>
</section>
<div class="my_modal">
    <div class="my_modal__dialog">
        <div class="my_modal__content">
            <form action="#">
                <div data-close class="my_modal__close">&times;</div>
                <div class="bank_information">
                    <div class="bank_block_img">
                        <img class="bank_img" src="~/img/icons/alpha.png" alt="bank">
                        <div class="bank_procent_text">Процентная ставка</div>
                        <div class="bank_procent">10%</div>
                    </div>
                    <div class="bank_name">Альфа Банк</div>
                    <div class="bank_form">
                        <span>Документы</span>
                        <ul>
                            <li>Паспорт</li>
                            <li>Справка о доходах</li>
                            <li>Дополнительные документы</li>
                        </ul>
                    </div>

                </div>
                <div class="form_btn_block">
                    <div class="form_btn">Беру!<img src="~/img/logo/esia.png" alt="esia" class="form_btn_img"></div>

                </div>
            </form>
        </div>
    </div>
</div>
<script src="~/js/script.js"></script>