@extends('admin.layout.main')
@section('content')
<div class="row">
    <div class="col-lg-12" style="padding-left: 4px;padding-right: 4px;">
        <div class="card m-b-30" style="border-radius: 5px;">
            <div class="card-header">
                <h5 class="card-title" style="font-weight: bold; padding-top: 15px; font-size: 20px;">Add Product</h5>
            </div>

            <div class="card-body" style="padding-bottom: 50px;">
                <form action="{{url('admin/addpronow')}}" method="post" enctype="multipart/form-data">@csrf
                
                    <div class="row">
                        <div class="col-md-6">
                            <input style="margin-bottom: 10px;height: 38px;" class="form-control" type="text" name="title" placeholder="Product Title" required>
                        </div>

                        <div class="col-md-6">
                            <select style="margin-bottom: 10px;height: 38px;" class="form-control" name="cat_id" required>
                                <option value="">Select Category</option>
                                @foreach($categories as $cat)
                                <option value="{{$cat->id}}">{{$cat->cat_name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-6">
                            <input style="margin-bottom: 10px;height: 38px;" class="form-control" type="number" id="buying_price" name="buying_price" placeholder="Buying Price">
                        </div>

                        <div class="col-md-6">
                            <input style="margin-bottom: 10px;height: 38px;" class="form-control" type="number" id="selling_price" name="selling_price" placeholder="Selling Price">
                        </div>

                        <div class="col-md-6">
                            <input style="margin-bottom: 10px;height: 38px;" class="form-control" type="number" id="regular_price" name="regular_price" placeholder="Regular Price">
                        </div>

                        
                        <div class="col-md-6">
                            <input style="margin-bottom: 10px;height: 38px;background: transparent;" class="form-control" type="number" id="pv" name="pv" placeholder="PV" readonly>
                        </div>

                        <div class="col-md-6">
                            <input style="margin-bottom: 10px;height: 38px;" class="form-control" type="number" id="stock" name="stock" placeholder="Stock">
                        </div>

                        <div class="col-md-6">
                            <select style="margin-bottom: 10px;height: 38px;" class="form-control" name="type">
                                <option value="1">Public</option>
                                <option value="2">Draft</option>
                            </select>
                        </div>

                        <div class="col-md-6">
                            <select style="margin-bottom: 10px;height: 38px;" class="form-control" name="ptype">
                                <option value="1">Product</option>
                                <option value="2">Pack</option>
                            </select>
                        </div>

                        <div class="col-md-6">
                            <textarea rows="3" style="margin-bottom: 10px;width: 100%;background: transparent;border: 1px solid #41b985;border-radius: 4px;padding-left: 10px;color: #fff;" name="summary" placeholder="Product Summary" required></textarea>
                        </div>

                        <div class="col-md-6">
                            <textarea rows="3" style="margin-bottom: 10px;width: 100%;background: transparent;border: 1px solid #41b985;padding-left: 10px;color: #fff;" id="summernote" name="details" placeholder="Details" required></textarea>
                        </div>

                        <div class="col-md-6" style="margin-top:10px">
                            <label style="font-weight:bold;">Product Image:</label><br>
                            <input style="margin-bottom: 10px;height: 38px;" class="file-upload" type="file" name="image" required>
                            <a style="color:white" href="">[image Size: 800x800 px]</a>
                        </div> 

                        <div class="col-12" style="margin-top: 10px;">
                            <button style="height: 38px;background: #f85005;color: #fff;" type="submit" class="btn">Confirm Now</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div> 

   
</div>
@endsection