@model PantheonRA.WebApi.Contracts.TravelOrderAllData
@using PantheonRA.BackOffice.Enums
@{
    var journeyDate = string.Empty;

    if (Model.Header.DateYourney.HasValue)
    {
        journeyDate = Model.Header.DateYourney.Value.ToString(Loc.DateFormat);
    }
}

<div class="modal inmodal fade" id="travel-orders-iris" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="iris-title p-xxs">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <strong>@Loc.CompanyCarAlreadyInUse</strong>
                </div>

                <p class="m-t-md">
                    @string.Format(Loc.ForSelectedPeriodVehicleAlreadyInUse, journeyDate, Model.Header.CarRegNo, Model.AcKeyInUse)
                </p>
                <div class="well well-sm well-bg clickable-icon m-t-sm m-b-sm" onclick="focusVehicleDropdown()">
                    <div class="row">
                        <div class="col-xs-3">
                            <div class="icon-arrow-right"></div>
                        </div>
                        <div class="col-xs-9 well-text-margin">
                            <strong>@Loc.Confirm</strong>
                            <p class="no-margins">@Loc.ChooseCompanyVehicleThatIsNotYetInUse</p>
                        </div>
                    </div>
                </div>
                <div class="well well-sm well-bg clickable-icon m-b-sm" data-dismiss="modal" onclick="searchOnFocus()">
                    <div class="row">
                        <div class="col-xs-3">
                            <div class="icon-arrow-right"></div>
                        </div>
                        <div class="col-xs-9 well-text-margin">
                            <strong>@Loc.Abandon</strong>
                            <p class="no-margins">@Loc.ChooseCompanyVehicleThatIsNotYetInUseIfCompanion</p>
                        </div>
                    </div>
                </div>
                <div class="well well-sm well-bg clickable-icon m-b-sm" onclick="window.open('@Loc.CompanyCarAlreadyInUseHelpUrl', '_blank');">
                    <div class="row">
                        <div class="col-xs-3">
                            <div class="icon-help"></div>
                        </div>
                        <div class="col-xs-9 well-text-margin">
                            <strong>@Loc.ViewInstructions</strong>
                            <p class="no-margins">@Loc.ViewInstructionsDescription</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
