@extends('layouts.dashboard')
@section('content')

<div class="container mt-4">
    <a href="" class="btn btn-priymary">Back</a>
    <div class="row">
        <form action="" method="post" enctype="multipart/form-data">
            @csrf

            <div class="mt-3">
                <label for="name">Product Name:</label>
                <input type="text" placeholder="Enter Product Name" 
                name="name" id="name" class="form-control" required>
            </div>

            <div class="mt-3">
                <label for="image">Categories:</label>
                <select name="category_id"class="form-control" required>
                    <option value="">--Select Category--</option>
                    @foreach ($catagory as $catagory)
                    <option value="{{$catagory->id}}">{{$catagory->name}}</option>
                    @endforeach
                </select>
            </div>
            <div class="mt-3">
                <label for="image">Brands:</label>
                <select name="brand_id"class="form-control" required>
                    <option value="">--Select Brand--</option>
                    @foreach ($brand as $brand)
                    <option value="{{$brand->id}}">{{$brand->name}}</option>
                    @endforeach
                </select>
            </div>
            <div class="mt-3">
                <label for="price">Product price:</label>
                <input type="number" name="price" id="price" class="form-control"required>
            </div>

            <div class="mt-3">
                <label for="stock">Stock:</label>
                <input type="number" name="stock" id="stock" class="form-control"required>
            </div>

            <div class="mt-3">
                <label for="image">Image:</label>
                <input type="file" name="image" id="image" class="form-control"required>
            </div>

            <div class="mt-3">
                <label for="description">Description:</label>
                <input type="description" name="description" id="description" class="form-control"required>
            </div>
            <br>
            <button type="submit" class="btn btn-dark">Add Product</button>
    </div>
</div>