@extends('admin.layout.master')

@section('content')
    <section class="content">
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title pull-right">محصولات</h3>
                <div class="text-left">
                    <a class="btn btn-app" href="{{route('products.create')}}">
                        <i class="fa fa-plus"></i> جدید
                    </a>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                @include('admin.partials.form-errors')
                @if(Session::has('error'))
                    <div class="alert alert-danger">
                        <div>{{session('error')}}</div>
                    </div>
                @endif
                @if(Session::has('success'))
                    <div class="alert alert-success">
                        <div>{{session('success')}}</div>
                    </div>
                @endif
                    <div class="row">
                        @foreach($products as $product)
                        <div class="col-md-3">
                            <img src="/images/product/{{$product->photos[0]->path}}" width="150">
                            <p>کد : {{$product->sku}}</p>
                            <p>موجودی : {{$product->status}}</p>
                            <p>قیمت : {{$product->price}}</p>
                                                    <hr/>

                        </div>
                        @endforeach
                    </div>
                <div class="table-responsive">
                    <table class="table no-margin">
                        <thead>
                        <tr>
                            <th class="text-center">کد محصول</th>
                            <th class="text-center">قیمت</th>
                            <th class="text-center">موجودی</th>
                            <th class="text-center">عکس</th>
                        </tr>
                        </thead>
                        <tbody>
                       
                        </tbody>
                    </table>


                </div>
                <!-- /.table-responsive -->
            </div>
        </div>
    </section>

@endsection