@php
    $isEdit = request()->is('*edit*');
@endphp
<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <label for="product_id">Product</label><span class="text-danger">*</span>
            <select name="product_id" id="product_id" class="form-control">
                <option value="">Select Product</option>
                @foreach ($products as $product)
                    <option value="{{ $product->id }}" {{ old('product_id', $isEdit ? $product_image->product_id : '') == $product->id ? 'selected' : '' }}>{{ $product->title }}</option>
                @endforeach
            </select>
            @error('product_id')
                <small><span class="text-danger">{{ $message }}</span></small>
            @enderror
        </div>
    </div>
    <div class="col-md-12">
        <div class="form-group">
            <label for="image">Image</label>
            @if (!$isEdit)          
                <span class="text-danger">*</span>                
            @endif
            <input type="file" name="image" id="image" class="form-control" 
            value="{{ old('image', $isEdit ? $product_image->image : '') }}">
            @if (!empty($product_image->image))
                <img src="{{ asset('storage/'.$product_image->image) }}" width="50px" height="50px">                
            @endif
            @error('image')
                <small><span class="text-danger">{{ $message }}</span></small>
            @enderror
        </div>
    </div>
    <div class="col-md-12">
        <div class="form-group">
            <label for='order'>Order</label>
            <input type="number" name="order" id="order" class="form-control" 
            value="{{ old('order', $isEdit ? $product_image->order : '') }}">
            @error('order')
                <small><span class="text-danger">{{ $message }}</span></small>
            @enderror
        </div>
    </div>
</div>
<div class="card-footer">
    @include('dashboard.common.form-button')
</div>