@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Trade Inventory'])
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                
                    <div class="card-header">
                        <h5><b>{{$branches->branch_name}} <br>[{{$branches->branch_code}}]</b></h5>
                  
                    </div>
                    <div class="card-body">
                    <h6>EDIT PRODUCT</h6>
                        <div class="row">
                            @foreach($trade_inventory_products as $inventory_product)
                            <form action="{{ route('trade.update', $inventory_product->product_id) }}" method="POST" id="update_trade_inventory_product">
                            @csrf 
                            <div class="col-lg-3 text-center">    
                                @if(isset($inventory_product->product->product_shot) && file_exists(public_path().$inventory_product->product->product_shot->path))
                                    <img src="{{asset($trade_inventory_product->product->product_shot->path)}}" alt="product photo" class="product-img" height="250" width="200">
                                @elseif(file_exists(public_path().'/assets/img/Product Shots/'.$inventory_product->product->brand->brand_name.'/'.$inventory_product->product->sku_code.'.png'))
                                    <img src="{{asset('/assets/img/Product Shots/'.$inventory_product->product->brand->brand_name.'/'.$inventory_product->product->sku_code.'.png')}}" alt="product photo" class="product-img" height="250" width="200">
                                @else
                                    <img src="{{asset('/assets/img/bevi.png')}}" alt="product photo" class="product-img" height="250" width="200">
                                @endif
                                
                                <br>
                       
                                <b>{{$inventory_product->product->sku_description}} <br>
                                    ({{$inventory_product->product->size}})</b>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Selling Area</label>
                                        <input value="{{$inventory_product->selling_area}}" type="number" class="form-control" id="selling_area" placeholder="0" name="selling_area" form="update_trade_inventory_product">
                                        <p class="text-danger mt-1">{{$errors->first('selling_area')}}</p>
                                </div>
                                <div class="form-group">
                                    <label>Bodega</label>
                                        <input value="{{$inventory_product->bodega}}" type="number" class="form-control" id="bodega" placeholder="0" name="bodega" form="update_trade_inventory_product">
                                        <p class="text-danger mt-1">{{$errors->first('bodega')}}</p>
                                </div>
                                <div class="form-group">
                                    <label>Branch Carried:</label>
                                        <input type="checkbox" id="not_carried" name="not_carried" form="update_trade_inventory_product" value="1" {{ old('not_carried', $inventory_product->not_carried) ? 'checked' : '' }} >
                                        
                                </div>
                            </div>
                            
                            @endforeach
                        </div>
                        <p></p>
                    </div>
                    <div class="card-footer text-center">
                        <button type="submit" form="update_trade_inventory_product" class="btn btn-success"><i class="fa fa-save"></i> Save</button>
                        <a onclick="goBack()" class="btn btn-danger"> Cancel</a>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        
        @include('layouts.footers.auth.footer')
    </div>
@endsection