@extends('layouts.admin-main')

@section('content')

    <div class="row m-4">
        <div class="col-xs-6 col-sm-6 col-md-6 col-xl-6">
            <a href="{{route('member.index')}}" class="btn btn-sm btn-primary">
                <i class="fal fa-arrow-left  mr-2"></i>
                {{__('message.back')}}
            </a>
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-xl-6">
            <a href="{{route('member.show-print' , $id)}}?phone={{$phone}}&name={{$name}}" class="btn btn-info bg-info-800 float-right rounded-0">
                <i class="fal fa-print"></i>
                {{__('message.print')}}
            </a>
        </div>
    </div>
    <div class="row ml-4">
        <div class="col-xs-12 col-sm-12 col-md-12 col-xl-12 d-flex justify-between align-center">
            <div class="mt-4" style="width: 100%;">
                <div class="row">
                    <div class="col-xs-10 col-sm-10 col-md-10 col-xl-10">
                        <div class="mb-6 mt-5 text-center">
                            <h2 class="border-bottom border-info pb-2">{{__('message.products list')}}</h2>
                        </div>
                        <div class="form table-responsive">
                            <table class="table table-striped w-100 text-center">
                                <thead class="bg-fusion-400">
                                <tr>
                                    <th>#</th>
                                    <th>{{__('message.name')}}</th>
                                    <th>{{__('message.sales price')}}</th>
                                    <th>{{__('message.discount')}}</th>
                                    <th>{{__('message.buy back')}}</th>
                                    <th>{{__('message.user')}}</th>
                                    <th>{{__('message.created at')}}</th>
                                </tr>
                                </thead>
                                <tbody id="first">
                                @foreach($products as $index => $product)
                                    <tr class="text-center border-bottom" data-toggle="collapse" href="#row{{$index}}" role="button" aria-expanded="false" aria-controls="row{{$index}}">
                                        <td>{{$index + 1}}</td>
                                        <td>{{$product->name}}</td>
                                        <td>{{$product->sales_price}}</td>
                                        <td>{{$product->discount}}</td>
                                        <td>
                                            <span class="badge {{$product->already_buy_back == 1 ? 'badge-success' : 'badge-danger'}}">
                                                {{$product->already_buy_back==1? __('message.yes'): __('message.no')}}
                                            </span>
                                        </td>
                                        <td>
                                            <a href="{{route('users.show' , $product->user_id)}}" class="text-dark" title="{{__('message.show user')}}">
                                                {{$product->user->name??''}}
                                            </a>
                                        </td>
                                        <td>{{$product->created_at}}</td>
                                    </tr>
                                    <tr class="border-bottom">
                                        <td colspan="8">
                                            <div class="collapse multi-collapse" id="row{{$index}}" data-parent="#first">
                                                <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>
                                                        @if($product->description)
                                                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#description{{$loop->index}}" role="tab">{{__('message.description')}}</a></li>
                                                        @endif
                                                    </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-xs-4 col-sm-4 col-md-4 col-xl-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-xs-4 col-sm-4 col-md-4 col-xl-4">
                                                                            <div class="row mb-3">
                                                                                <div class="col-6">
                                                                                    <p class="fw-bolder credit text-left">
                                                                                        {{__('message.part number')}}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-6 text-left">: {{$product->part_number}}</div>
                                                                            </div>
                                                                            <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.qty')}}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-6 text-left">: {{$product->qty??0}}</div>
                                                                            </div>

                                                                            @if($product->already_buy_back)
                                                                                <div class="row mb-3">
                                                                                        <div class="col-6">
                                                                                            <p class="fw-bolder credit text-left">
                                                                                                {{__('message.buy back price')}}
                                                                                            </p>
                                                                                        </div>
                                                                                        <div class="col-6 text-left">: {{$product->buy_back_price??0}} {{$currency_->currency_symbol}}</div>
                                                                                    </div>
                                                                                    <div class="row mb-3">
                                                                                        <div class="col-6">
                                                                                            <p class="fw-bolder credit text-left">
                                                                                                {{__('message.date buy back')}}
                                                                                            </p>
                                                                                        </div>
                                                                                        <div class="col-6 text-left">: @if($product->buy_back_date) {{$product->buy_back_date->format('d-m-Y H:i')}} @endif</div>
                                                                                    </div>
                                                                            @endif

                                                                            @if($product->diamond_size)
                                                                                <div class="row">
                                                                                    <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>
                                                                            @endif
                                                                        </div>
                                                                        <div class="col-xs-4 col-sm-4 col-md-4 col-xl-4">
                                                                            <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??0 , 2)}} {{$currency_->currency_symbol}}</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 class="row mb-3">
                                                                                <div class="col-6">
                                                                                    <p class="fw-bolder credit text-left">
                                                                                        {{__('message.gold weight')}}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-6 text-left">: {{$product->goldWeight()}}</div>
                                                                            </div>
                                                                            <div class="row mb-3">
                                                                                <div class="col-6">
                                                                                    <p class="fw-bolder credit text-left">
                                                                                        {{__('message.wages')}}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-6 text-left">: {{number_format($product->wages??0 , 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">: {{number_format($product->originale_wages??0 , 2)}} {{$currency_->currency_symbol}}</div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @include('members.card-footer')
                                                            </div>
                                                        </div>
                                                        @if($product->description)
                                                            <div class="tab-pane fade" id="description{{$loop->index}}" role="tabpanel">
                                                                {!! $product->description !!}
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>

                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </table>
                        </div>
                    </div>
                    <div class="col-xs-2 col-sm-2 col-md-2 col-xl-2">
                        <div class="mb-6 mt-6 text-center">
                            <h4 class="border-bottom border-info pb-2">{{__('message.show member')}}</h4>
                        </div>
                        <div class="form table-responsive">
                            <table class="table table-bordered table-hover table-striped w-100">
                                <tbody>
                                <tr>
                                    <th width="40%" class="bg-fusion-400">{{__('message.name')}}</th>
                                    <td class="credit">{{$member[0]?->name}}</td>
                                </tr>
                                <tr>
                                    <th class="bg-fusion-400">{{__('message.phone')}}</th>
                                    <td class="credit">{{$member[0]?->phone}}</td>
                                </tr>
                                <tr>
                                    <th class="bg-fusion-400">{{__('message.note')}}</th>
                                    <td class="credit">{{$member[0]?->note}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="py-4 mt-4 mx-2 ">
                    <!-- Pagination bootstrap-->

                    @if($products->hasPages())
                        <div class="d-flex m-2 p-2" style="justify-content: space-between;align-items: start;width: 20%">
                            <select id="paginate" onchange="working()" class="form-select text-center rounded mr-2 mt-1"  aria-label="Default select example" style="width: 90px;font-size: 12px;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>                    <div class="">
                                {{ $products->appends($_GET)->links() }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>

        </div>
    </div>

@endsection