@extends('layouts.app')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-12">
                    <h1> Add Products </h1>
                </div>
            </div>
        </div>
    </section>

    <div class="content px-3">

     
     <div class="content px-3">

        
        <div class="card">


<form method="POST" action="https://digifarmer.agrosahas.co/farmerapp/public/saveproduct" accept-charset="UTF-8" enctype="multipart/form-data"><input name="_token" type="hidden" >
 @csrf
            <div class="card-body">

                <div class="row">
                    <!-- Name Field -->
<div class="form-group col-sm-6">
    <label for="name"> Select :</label>
    
     <select class="form-control" id="size_unit" name="categ">
       @foreach ($categories as $category)
         <option value="{{ $category->id }}"> {{ $category->vendorcategid }} - {{ $category->name }} </option>
      @endforeach
    </select>
  
</div>



<!-- Address Field -->
<div class="form-group col-sm-6">
    <label for="address">Product/crop Name :</label>
    <input class="form-control" name="name" type="text" id="address">
</div>

<!-- Field Area -->
<!-- Address Field -->
<div class="form-group col-sm-6">
    <label for="image">Image:</label>
    <div class="input-group">
        <div class="custom-file">
            <input class="custom-file-input" name="image" type="file" id="image">
            <label for="image" class="custom-file-label">Choose file</label>
        </div>
    </div>
</div>












                </div>

            </div>

            <div class="card-footer">
                <input class="btn btn-primary" type="submit" value="Save">
                <a href="https://digifarmer.agrosahas.co/farmerapp/public/farms" class="btn btn-default">Cancel</a>
            </div>

            </form>

        </div>
        
        
        
        
        
   <div class="card">     
  <div class="table-responsive">
    <table class="table" id="categories-table">
        <thead>
            <tr>
                <th>id</th>
                <th>image</th>
                <th>Name</th>
                <th colspan="3">Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($products as $product)
                <tr>
                    <td> {{ $product->id }} </td>
                    <td> <img style="height:100px;" src="{{ asset('/images/'.$product->productimg) }}" alt="" title=""> </td>
                     <td>{{ $product->productname }}</td>
                     <td>
                         
                         {!! Form::open(['route' => ['deleteproduct',  $product->id], 'method' => 'post']) !!}
                        <div class='btn-group'>
                           <input name="id" type="hidden" value="{{ $product->id }}" >
                            {!! Form::button('<i class="far fa-trash-alt"></i>', [
                                'type' => 'submit',
                                'class' => 'btn btn-danger btn-xs',
                                'onclick' => "return confirm('Are you sure?')",
                            ]) !!}
                        </div>
                        {!! Form::close() !!}  
                         
                         
                         
                         
                     </td>
                </tr>
                
                
            @endforeach
        </tbody>
    </table>
</div>
      </div>
        
        
        
        
        
        
        
        
        
        
        
    </div>
     
     

        </div>
    </div>
@endsection