@extends('layouts.admin-main')
@section('content')
<div class="col-lg-12">
    <div class="card-body shadow-1">
        <div class="row mb-2 mt-2">
            <div class="col-sm-10 col-xl-10">
                <div class="row" style="display: flex;justify-content: space-between;align-items: center">
                    <div class="col-xs-6 col-sm-7 col-md-6 col-xl-6">
                        <form method="GET" action="{{ route('reports.category' , $category->id) }}?start_date={{$start_date}}&end_date={{$end_date}}&search={{$search}}&paginate={{$paginate}}" id="search-form" onsubmit=""  style="display: flex;justify-content: start;align-items: center">

                            <div class="input-group" style="width: 100%;">
                                <input type="text" class="form-control rounded-0"
                                       placeholder="{{ __('message.search') }} ..." value="{{$search}}" name="search" id="search">
                                <div class="input-group-append">
                                    <button type="submit" id="searches" class="input-group-text fs-xl ">
                                        <i class="fal fa-search text-success"></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-5 col-md-5 col-sm-5 col-xl-5 d-flex ml-0">
                        <a href="{{route('reports.category.print' , $category->id)}}?start_date={{$start_date}}&end_date={{$end_date}}&search={{$search}}&paginate={{$paginate}}" type="submit "
                           class="btn btn-info bg-info-800 float-left rounded-0 mr-2"
                           title="{{ __('message.print') }}" name="">
                            <i class="fal fa-print"></i>
                            {{ __('message.print') }}
                        </a>
                        <a href="{{route('reports.category.export' , $category->id)}}?start_date={{$start_date}}&end_date={{$end_date}}&search={{$search}}&paginate={{$paginate}}" class="btn btn-success bg-success-800 search-date float-left" id="download-button" onclick="return clickdownload()">
                            <i class="fal fa-download"></i>
                            {{ __('message.export excel') }}
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-sm-2 col-xl-2">
                <a class="btn btn-sm  btn-primary float-right" href="{{ route('reports.options') }}">
                    <i class="fal fa-arrow-left  mr-2"></i>
                    {{__('message.back')}}
                </a>
            </div>
        </div>
        <div class="row mr-1">
            <div class="col-xs-10 col-sm-10 col-md-10 col-xl-10">
                <div class="panel-container show table-responsive">
                    <table id="example" class="table  table-striped w-100">
                        <thead class="bg-fusion-50 text-center">
                        <tr>
                            <th>#</th>
                            <th class="text-center">{{ __('message.part number') }}</th>
                            <th class="text-center">{{ __('message.product category') }}</th>
                            <th>{{ __('message.name') }}</th>
                            <th>{{ __('message.price') }}</th>
                            <th>{{ __('message.qty') }}</th>
                            <th>{{ __('message.gold weight') }}</th>
                        </tr>
                        </thead>
                        <tbody class="text-center" id="accordionExample">
                        @foreach ($products as $index => $product)
                            <tr class="{{ !$product->is_active||$product->qty==0 ? 'inactive':''}} border-bottom bg-white  {{+$loop->index%2!=$product->count()?'border-top':''}}" data-toggle="collapse" href="#row{{$loop->index}}" role="button" aria-expanded="false" aria-controls="row{{$loop->index}}">
                                <td class="align-middle">{{ $index + 1 }}</td>
                                <td class="">
                                    <div class="row no-gutters">
                                        <div class="col-2 d-flex justify-content-center align-items-center">
                                            @if($product->for_sale)
                                                <input type="checkbox" checked/>
                                            @endif
                                        </div>
                                        <div class="col-10 d-flex justify-content-center align-items-center">
                                            {{$product->part_number}}

                                        </div>
                                    </div>
                                </td>
                                <td>
                                    {{$product->productCategory->name??''}}
                                </td>
                                <td class="align-middle">
                                    {{ $product->name }}
                                </td>
                                <td class="credit align-middle">
                                    {{number_format($product->price,2)}} {{$currency_->currency_symbol??''}}
                                </td>
                                <td class="align-middle">
                                    {{$product->qty}}
                                </td>
                                <td class="align-middle">
                                    {{$product->goldWeight()}}
                                </td>
                            </tr>
                            <tr class="bg-white">
                                <td colspan="11">
                                    <div class="collapse multi-collapse" id="row{{$loop->index}}" data-parent="#accordionExample">
                                        <div class="panel-content">
                                            <ul class="nav nav-tabs" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link active" data-toggle="tab" href="#detail{{$loop->index}}" role="tab">{{__('message.detail')}}</a>
                                                </li>
                                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#attribute{{$loop->index}}" role="tab">{{__('message.attribute')}}</a></li>
                                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#descriptions{{$loop->index}}" role="tab">{{__('message.description')}}</a></li>
                                            </ul>
                                            <div class="tab-content  border-top-0 p-3" style="border:1px solid #dee2e6!important; border-top:none !important;">
                                                <div class="tab-pane fade show active" id="detail{{$loop->index}}" role="tabpanel">
                                                    <div class="">
                                                        <div class="card-body">
                                                            <div class="row">
                                                                <div class="col-3">
                                                                    @if($product->image)
                                                                        <img class="rounded" id="myImg{{$index}}" src="{{asset($product->image)}}" style="width:200px;max-width:300px;cursor:pointer;">
                                                                    @else
                                                                        <img class="rounded" id="myImg{{$index}}" src="{{asset('no_image.png')}}" style="width:200px;max-width:300px;cursor:pointer;">
                                                                    @endif
                                                                </div>
                                                                <div class="col-3">
{{--                                                                    <div class="row mb-3">--}}
{{--                                                                        <div class="col-6">--}}
{{--                                                                            <p class="fw-bolder credit text-left">--}}
{{--                                                                                {{__('message.product category')}}--}}
{{--                                                                            </p>--}}
{{--                                                                        </div>--}}
{{--                                                                        <div class="col-6 text-left">:{{$product->productCategory->name??''}}</div>--}}
{{--                                                                    </div>--}}
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.user')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:
                                                                            <a href="{{route('users.show' , $product->user_id)}}" class="text-dark" title="{{__('message.show user')}}">
                                                                                {{$product->user->name??''}}
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.is_active')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:
                                                                            @if ($product->is_active)
                                                                                <label class="badge badge-info" style="background-color:#196eec">
                                                                                    {{ __('message.is_active') }}
                                                                                </label>
                                                                            @else
                                                                                <label class="badge badge-danger" style="background-color: red">
                                                                                    {{ __('message.no active') }}
                                                                                </label>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.cost')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:{{ number_format($product->cost, 2) }} {{$currency_->currency_symbol??''}}</div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.original wages')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:{{$product->original_wages??0}}</div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.weight')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:{{$product->weight}}</div>
                                                                    </div>
                                                                </div>
                                                                @if($product->diamond_size)
                                                                    <div class="col-4">
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.diamond size')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:{!!$product->diamond_size??0!!}</div>
                                                                        </div>
                                                                    </div>
                                                                @endif

                                                            </div>
                                                        </div>
{{--                                                        @include('products.card-footer')--}}
                                                    </div>
                                                </div>
                                                <div class="tab-pane fade text-left" id="attribute{{$loop->index}}" role="tabpanel">
                                                    @if($product->productAttributes->count() > 0)
                                                        <div class="panel-container show table-responsive">
                                                            <h3>{{__('message.product attribute')}}</h3>
                                                            <table id="" class="table  table-striped w-100">
                                                                <thead class="bg-fusion-50 text-center" style="background-color: lightslategray !important;">
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>{{ __('message.name') }}</th>
                                                                    <th>{{ __('message.price') }}</th>
                                                                    <th>{{ __('message.qty') }}</th>
                                                                    <th>{{ __('message.cost') }}</th>
                                                                    <th>{{ __('message.action') }}</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody class="text-center" id="">
                                                                @foreach ($product->productAttributes as $i => $productAttribute)
                                                                    <tr class="{{ $productAttribute->qty==0 ? 'inactive':''}} bg-white  {{++$loop->index%2!=$productAttribute->count()?'border-top':''}}">
                                                                        <td class="align-middle">{{ $i + 1 }}</td>
                                                                        <td class="">
                                                                            {{$productAttribute->name}}
                                                                        </td>
                                                                        <td class="credit"> {{$productAttribute->price}} {{$currency_->currency_symbol}}</td>
                                                                        <td> {{$productAttribute->qty}}</td>
                                                                        <td class="credit"> {{$productAttribute->cost}} {{$currency_->currency_symbol}}</td>
                                                                        <td>

                                                                            <form method="POST" action="{{route('productAttribute.destroy' , $productAttribute->id)}}" style="display:inline">
                                                                                <input name="_method" type="hidden" value="DELETE">
                                                                                {{ csrf_field() }}
                                                                                <button type="submit" class="btn btn-xs btn-danger"
                                                                                        onclick="return confirm('{{ __('message.do you want to delete') }}?')">
                                                                                    <i class="fal fa-trash" style="color: #FFF;"></i>
                                                                                </button>
                                                                            </form>
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    @else
                                                        <div class="text-center">
                                                            <h3>{{__('message.product attribute is empty')}}</h3>
                                                        </div>
                                                    @endif
                                                </div>

                                                <div class="tab-pane fade" id="descriptions{{$loop->index}}" role="tabpanel">
                                                    @if($product->description)
                                                        <div>
                                                            {!!$product->description!!}
                                                        </div>
                                                    @else
                                                        <div class="text-center">
                                                            <h3>{{__('message.description is empty')}}</h3>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    <!-- Pagination bootstrap-->
                    @if($products->hasPages())
                        <div class="d-flex m-2 p-2" style="justify-content: space-between;align-items: start;width: 20%">

                            <form action="{{route('reports.category' , $category->id)}}" method="GET">
                                @csrf
                                <select onchange="submit()" id="paginate" name="paginate" class="form-select text-center rounded"  aria-label="Default select example" style="width: 90px;font-size: 14px;border: 1px solid rebeccapurple">
                                    <option selected hidden="hidden">{{$paginate}}</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="250">250</option>
                                    <option value="500">500</option>
                                    <option value="1000">1000</option>
                                </select>
                                <input type="hidden" name="start_date" value="{{$start_date}}"/>
                                <input type="hidden" name="end_date" value="{{$end_date}}"/>
                                <input type="hidden" name="search" value="{{$search}}"/>
                                <input type="hidden" name="paginate" value="{{$paginate}}"/>
                            </form>
                            <div class="">
                                {{ $products->appends($_GET)->links() }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-2 col-xl-2 mt-4">