@extends('admin.layouts.app')
@section('title', 'Product Sub Type Create')
@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
                    <a href="{{ route('product-sub-categories.index') }}" class="btn btn-primary"><i class="ti ti-arrow-back-up me-2"></i>
                        Product Sub Type List</a>
                </div>
                <h4 class="page-title">Add New Product Sub Type</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                <ul>
                    {{ session('success') }}
                </ul>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                <ul>
                    {{ session('error') }}
                </ul>
            </div>
        @endif
    </div>
    {{-- <div class="row">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div> --}}

    <div class="row">
        <div class="col-lg-12">
            <form method="POST" action="{{ route('product-sub-categories.store') }}" class="form" enctype="multipart/form-data">
                @csrf
                <div class="card">

                    <!--end card-header-->
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="product_type" class="mb-2">Product Type</label>
                                    <select name="product_type" class="form-control select2" id="product_type">
                                        <option value="">Select Product Type</option>
                                        @foreach($categories as $category)
                                            <option {{ old('product_type') == $category->id ? 'selected' : '' }} value="{{ $category->id }}">{{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('product_type')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="name" class="mb-2">Product Sub Type Name</label>
                                    <input class="form-control" type="text" id="name" name="name"
                                        value="{{ old('name') }}" placeholder="Enter name">
                                    @error('name')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="mb-2">
                                    <label for="status" class="mb-2">Status</label> <br>
                                    <input class="" type="radio" id="status1" name="status"
                                        {{ old('status',1) == '1' ? 'checked' : '' }} value="1">
                                    <label for="status1" class="mb-2">Active</label> &nbsp;&nbsp;
                                    <input class="" type="radio" id="status2" name="status"
                                        {{ old('status') == '0' ? 'checked' : '' }} value="0">
                                    <label for="status2" class="mb-2">Inactive</label>
                                    <br>
                                    @error('status')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                    </div>
                    <!--end card-body-->
                    <div class="card-footer">
                        <div class="text-end">
                            <button class="btn btn-primary" type="submit">Add Product Sub Type</button>
                        </div>
                    </div>
                </div>
                <!--end card-->


                <!--end card-->
            </form>
            <!--end form-->
        </div> <!-- end col -->
    </div> <!-- end row -->
@endsection