@extends('backend.layouts.app')

@section('title', $data['p_heading'])


@section('content')


    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <div class="float-left pt-2"><strong>{{ $data['p_heading'] }}</strong></div>
                </div><!--card-header-->
                <div class="card-body">


                    @if(sizeof($data['products']) > 0)

                        {!! Form::open(array('route' => ['admin.gs-products.index'], 'method' => 'POST', 'files' => true)) !!}
                        @method('PATCH')
                        @csrf
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <tbody><tr>
                                        <th width="5%">ID</th>
                                        <th width="25%">Name</th>
                                        <th width="20%">Category</th>
                                        <th width="10%">Part Number</th>
                                        <th width="10%">Family</th>
                                        <th width="10%">Unit of Measure</th>
                                        <th width="10%">Sterllity</th>
                                        <th width="10%">GS Link</th>
                                    </tr>
                                    @foreach($data['products'] as $product)
                                        <tr onclick="show_crm_data({{ $product->id }});">
                                            <td>{{ $product->id }}</td>
                                            <td>{{ $product->name }}</td>
                                            <td>{{ ucwords($product->category->name) }}</td>
                                            <td>{{ $product->part_number }}</td>
                                            <td>{{ $product->family }}</td>
                                            <td>{{ $product->unit_of_measure }}</td>
                                            <td>{{ $product->sterllity }}</td>
                                            <td><a href="{{ $product->url }}" target="_blank">Open Link</a></td>
                                        </tr>


                                        <tr>
                                            <td colspan="9" class="crm-data d-none" id="data_{{ $product->id }}">
                                                <table class="table-borderless table-responsive">
                                                    <tr>
                                                        <th width="10%">Name</th>
                                                        <td width="15%">{{ $product->name }}</td>
                                                        <th width="10%">Category</th>
                                                        <td width="15%">{{ $product->category->name }}</td>
                                                        <th width="10%">Part Number</th>
                                                        <td width="15%">{{ $product->part_number }}</td>
                                                        <th width="10%">Family</th>
                                                        <td width="15%">{{ $product->family }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Catalog</th>
                                                        <td>{{ $product->catalog }}</td>
                                                        <th>Phone</th>
                                                        <td>{{ $product->unit_of_measure }}</td>
                                                        <th>Fax</th>
                                                        <td>{{ $product->origin_country }}</td>
                                                        <th>Email</th>
                                                        <td>{{ $product->material }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Material Secondary</th>
                                                        <td>{{ $product->first_name }}</td>
                                                        <th>Sterllity</th>
                                                        <td>{{ $product->sterllity }}</td>
                                                        <th>Grade</th>
                                                        <td>{{ $product->grade }}</td>
                                                        <th>Usage</th>
                                                        <td>{{ $product->usage }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>In Stock</th>
                                                        <td>{{ $product->in_stock }}</td>
                                                        <th>Price</th>
                                                        <td>$ {{ $product->price }}</td>
                                                        <th>Link</th>
                                                        <td><a href="{{ $product->url }}" target="_blank">Open Link</a></td>
                                                        <th></th>
                                                        <td></td>
                                                    </tr>
                                                </table>

                                                <table class="table-borderless table-responsive">
                                                    <tr>
                                                        @foreach($product->pictures as $picture)
                                                            <td>
                                                                <img src="/up_data/gsource_images/{{ $picture->file_name }}" />
                                                            </td>
                                                        @endforeach
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>


                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        <button type="submit" class="btn btn-primary">Upload Image and Update SKUs</button>
                        <br />
                        <br />
                        {!! Form::close() !!}


                        <div class="clearfix">
                            <div class="pagination pagination-sm no-margin pull-right">
                                {!! $data['products']->appends( request()->except('page') )->links() !!}
                            </div>
                        </div>


                    @else
                        <strong>Sorry!</strong>, no products found.
                    @endif



                </div><!--card-body-->
            </div><!--card-->
        </div><!--col-->
    </div><!--row-->






@stop