@model StockFin.Models.Transaction

@{
	ViewData["Title"] = "Create Transaction";
}

<div class="sf-page">
	<section class="sf-page-hero">
		<div>
			<span class="sf-page-kicker">Création</span>
			<h1 class="sf-page-title">Nouvelle transaction</h1>
			<p>Ajoutez un mouvement d'investissement en renseignant le compte, le titre et les montants associés.</p>
		</div>
		<div class="sf-page-actions">
			<a asp-action="Index" class="sf-btn-ghost">
				<i class="bi bi-arrow-left"></i>
				<span>Retour à la liste</span>
			</a>
		</div>
	</section>

	<section class="sf-content-card">
		<div class="sf-card-header">
			<div>
				<h2>Saisie de la transaction</h2>
				<p>Les informations enregistrées seront utilisées dans le suivi de votre portefeuille.</p>
			</div>
		</div>

		<form asp-action="Create" method="post" class="sf-form-shell">
			<div asp-validation-summary="ModelOnly" class="text-danger"></div>
			<div class="sf-form-grid">
				<div class="sf-form-section">
					<div class="sf-field">
						<label asp-for="Date" class="form-label"></label>
						<input asp-for="Date" class="form-control" type="date" />
						<span asp-validation-for="Date" class="text-danger"></span>
					</div>

					<div class="sf-field">
						<label class="form-label">Compte</label>
						<select asp-for="AccountId" asp-items="@(ViewData["AccountId"] as Microsoft.AspNetCore.Mvc.Rendering.SelectList)" class="form-select"></select>
						<span asp-validation-for="AccountId" class="text-danger"></span>
					</div>

					<div class="sf-field">
						<label class="form-label">Titre</label>
						<select asp-for="StocksId" asp-items="@(ViewData["StocksId"] as Microsoft.AspNetCore.Mvc.Rendering.SelectList)" class="form-select"></select>
						<span asp-validation-for="StocksId" class="text-danger"></span>
					</div>
				</div>

				<div class="sf-form-section">
					<div class="sf-field">
						<label asp-for="Quantity" class="form-label"></label>
						<input asp-for="Quantity" class="form-control" />
						<span asp-validation-for="Quantity" class="text-danger"></span>
					</div>

					<div class="sf-field">
						<label asp-for="Value" class="form-label"></label>
						<input asp-for="Value" class="form-control" />
						<span asp-validation-for="Value" class="text-danger"></span>
					</div>

					<input asp-for="TypeId" type="hidden" />
				</div>
			</div>

			<div class="sf-form-actions">
				<button type="submit" class="sf-btn-secondary">
					<i class="bi bi-check2-circle"></i>
					<span>Enregistrer</span>
				</button>
				<a asp-action="Index" class="sf-btn-ghost">
					<i class="bi bi-x-circle"></i>
					<span>Annuler</span>
				</a>
			</div>
		</form>
	</section>
</div>

@section Scripts {
	<partial name="_ValidationScriptsPartial" />
}