@extends('pages.layout')
@section('title', 'Edit Vendor')
@section('content')
    <style>
        .main-content {
            margin-left: 18%;
            margin-top: 7%;
        }

        #add-vendor .error {
            color: red;
        }

        .select2-drop .select2-container .select2-selection--single,
        .select2-drop .select2-container .select2-selection--single .select2-selection__arrow {
            height: 45px !important;
        }

        .select2-drop .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 45px !important;
        }
    </style>
    <link href="https://mygrid.club/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css">
    <div class="main-content">
    <form action="{{ route('admin.vendors.store.daily.price') }}" method="POST" enctype="multipart/form-data" id="add-vendor">
            @csrf
            <div class="page-header no-gutters has-tab">
                <div class="d-md-flex m-b-15 align-items-center justify-content-between">
                    <div class="media align-items-center m-b-15">
                        <div class="m-l-15">
                            <h4 class="m-b-0">Daily Price Add</h4>
                        </div>
                    </div>
                </div>
            </div>
            @include('pages.includes.messages')
            <input type="hidden" class="form-control" placeholder="Enter Owner Name"
                                            name="owner_id" value="{{ $vendor->id }}">
            <div class="tab-content m-t-15">
                <div class="tab-pane fade show active">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                
                                @foreach($subCategorys as $subCategory)
                                <div class="col-4">
                                    <div class="form-group">
                                        <label class="font-weight-semibold">Product</label>
                                        <h5>{{$subCategory->name}}</h5>
                                        <input type="hidden" name="subcategory[]" value="{{$subCategory->id}}">
                                        @error('have_vehicle')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label class="font-weight-semibold">New Price</label>
                                        <input type="text" maxlength="10" onkeypress="return event.charCode >= 48 && event.charCode <= 57" class="form-control" placeholder="Enter Price"
                                            name="new_price[]" id="new_price" value="">
                                        @error('owner_name')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-4">
                                    <div class="form-group">
                                        <label class="font-weight-semibold">Old Price</label>
                                        
                                        @if(isset($vendorPriceHistory[$subCategory->id]))
                                            <h5>{{ $vendorPriceHistory[$subCategory->id] }}</h5>
                                        @else
                                            <h5>No price available</h5>
                                        @endif

                                        @error('owner_name')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                @endforeach
                                

                            </div>

                            


                           

                            <div class="m-b-15">
                                <button type="submit" class="btn btn-primary">
                                    <i class="anticon anticon-save"></i>
                                    <span>Save</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
        </form>
        
    </div>
    
    <div style="margin-bottom: 180px"></div>
@endsection

@section('js')

@endsection