@extends('admin.layouts.master')

@section('title', 'إضافة صنف')

@section('content')

<div class="card">

    <div class="card-header">

        <h3 class="card-title">
            إضافة صنف
        </h3>

    </div>

    <div class="card-body">

        <form method="PUT"
              action="{{ route('product-variants.update') }}">

            @csrf

            <div class="row">

                <div class="col-md-4 mb-5">

                    <label class="form-label">
                        القسم
                    </label>

                    <select class="form-select"
                            id="category_id">

                        <option value="">
                            اختر
                        </option>

                        @foreach($categories as $category)

                            <option value="{{ $category->id }}">

                                {{ $category->category_name }}

                            </option>

                        @endforeach

                    </select>

                </div>

                <div class="col-md-4 mb-5">

                    <label class="form-label">
                        المنتج
                    </label>

                    <select name="product_id"
                            class="form-select">

                        @foreach($products as $product)

                            <option value="{{ $product->id }}">

                                {{ $product->product_name }}

                            </option>

                        @endforeach

                    </select>

                </div>

                <div class="col-md-4 mb-5">

                    <label class="form-label">
                        التعبئة
                    </label>

                    <select name="package_size_id"
                            class="form-select">

                        @foreach($packageSizes as $size)

                            <option value="{{ $size->id }}">

                                {{ $size->size_kg }} كيلو

                            </option>

                        @endforeach

                    </select>

                </div>

                <div class="col-md-4 mb-5">

                    <label class="form-label">
                        سعر البيع
                    </label>

                    <input type="number"
                           step="0.01"
                           name="selling_price"
                           class="form-control"/>

                </div>

                <div class="col-md-4 mb-5">

                    <label class="form-label">
                        الحالة
                    </label>

                    <select name="status"
                            class="form-select">

                        <option value="1">
                            نشط
                        </option>

                        <option value="0">
                            متوقف
                        </option>

                    </select>

                </div>

            </div>

            <button class="btn btn-primary">

                حفظ

            </button>

        </form>

    </div>

</div>

@endsection