@extends('layouts.admin-main')
@section('content')
    <div class="col-lg-12">
        <div class="card-body shadow-1">
            <div class="row mb-4">
                <div class="col-xs-12 col-sm-12 col-md-8 col-xl-8 mb-2">
                    <form method="GET"
                          action="{{ route('reports.buy_back') }}?start_date={{$start_date}}&end_date={{$end_date}}&paginate={{$paginate}}"
                          id="search-form" onsubmit="">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-6 col-xl-6"
                                 style="display: flex;justify-content: center;align-items: center">
                                <div class="input-group">
                                    <input type="text" class="form-control rounded-0"
                                           placeholder="{{ __('message.select') }}" id="datepicker" name="date"
                                           readonly>
                                    <input type="hidden" name="paginate" value="{{$paginate}}">
                                    <div class="input-group-append">
                                        <span class="input-group-text fs-xl">
                                            <i class="fal fa-calendar text-info "></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-xl-6"
                                 style="display: flex;justify-content: space-between;align-items: center">
                                <div class="input-group" style="width: 60%;">
                                    <input type="text" class="form-control rounded-0"
                                           placeholder="{{ __('message.search') }} ..." value="{{$search}}"
                                           name="search" id="search">
                                    <input type="hidden" name="paginate" value="{{$paginate}}">
                                    <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>
                                <a href="{{route('reports.buy_back')}}?start_date={{$start_date}}&end_date={{$end_date}}&paginate={{$paginate}}"
                                   type="rset" class="btn btn-sm btn-outline-info ml-2" style="width: 40%;">
                                    <i class="fal fa-sync"></i>
                                    <span class="hidden-xs"> {{ __('message.refresh') }}</span>
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-xl-4">
                    <a href="{{route('reports.buy_back_print')}}?start_date={{$start_date}}&end_date={{$end_date}}&search={{$search}}"
                       type="submit"
                       class="btn btn-info bg-info-800 float-center rounded-0 ml-2"
                       title="{{ __('message.print') }}" name="">
                        <i class="fal fa-print"></i>
                        {{ __('message.print') }}
                    </a>
                    <a href="{{route('reports.buy_back_export')}}?start_date={{$start_date}}&end_date={{$end_date}}&search={{$search}}"
                       class="btn btn-success bg-success-800 search-date ml-2" id="download-button"
                       onclick="return clickdownload()">
                        <i class="fal fa-download"></i>
                        {{ __('message.export excel') }}
                    </a>
                </div>
            </div>
            <div class="panel-container show table-responsive">
                <table id="example" class="table table-striped w-100">
                    <thead class="bg-fusion-400 text-center">
                    <tr>
                        <th>#</th>
                        <th>{{__('message.invoice')}}</th>
                        <th>{{__('message.product category')}}</th>
                        <th>{{ __('message.name') }}</th>
                        <th>{{ __('message.buy back price') }}</th>
                        <th>{{ __('message.qty') }}</th>
                        {{--                        <th>{{ __('message.member') }}</th>--}}
                        {{--                        <th>{{ __('message.member phone') }}</th>--}}
                        <th>{{ __('message.user') }}</th>
                        {{--                        <th>{{ __('message.buy back') }}</th>--}}
                        {{--                        <th>{{ __('message.buy back note') }}</th>--}}
                        {{--                        <th>{{ __('message.date buy back') }}</th>--}}
                        {{--                        <th>{{ __('message.action') }}</th>--}}
                    </tr>
                    </thead>
                    <tbody id="accordionExample">
                    @foreach ($sales as $index => $sale)
                        <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>{{ $sale->invoice_no }}</td>
                            <td>
                                {{$sale->productCategory->name ?? '-'}}
                            </td>
                            <td>
                                {{ $sale->name }}
                            </td>
                            <td>
                                {{ number_format($sale->buy_back_price , 2) }} {{$currency_->currency_symbol}}
                            </td>
                            <td>{{$sale->qty}}</td>
                            <td>
                                <a href="{{route('users.show' , $sale->user_id)}}" class="text-dark"
                                   title="{{__('message.show user')}}">
                                    {{$sale->user->name??''}}
                                </a>
                            </td>
                        </tr>
                        <tr class="border-bottom">
                            <td></td>
                            <td colspan="8">
                                <div class="collapse multi-collapse" id="row{{$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="#member{{$loop->index}}"
                                                                    role="tab">{{__('message.customer')}}</a></li>
                                            @if($sale->description)
                                                <li class="nav-item"><a class="nav-link" data-toggle="tab"
                                                                        href="#description{{$loop->index}}"
                                                                        role="tab">{{__('message.description')}}</a>
                                                </li>
                                            @endif
                                            @if($sale->diamond_size)
                                                <li class="nav-item"><a class="nav-link" data-toggle="tab"
                                                                        href="#diamond_size{{$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-3">
                                                                @if($sale->image)
                                                                    <img class="rounded" id="myImg{{$index}}"
                                                                         src="{{ asset($sale->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-4">
                                                                {{--                                                                <div class="row mb-2">--}}
                                                                {{--                                                                    <div class="col-6">--}}
                                                                {{--                                                                        <p class="fw-bolder credit text-left">--}}
                                                                {{--                                                                            {{__('message.cost')}}--}}
                                                                {{--                                                                        </p>--}}
                                                                {{--                                                                    </div>--}}
                                                                {{--                                                                    <div class="col-6 text-left">: {{$sale->cost??0}} {{$currency_->currency_symbol}}</div>--}}
                                                                {{--                                                                </div>--}}
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.sales price')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">
                                                                        : {{number_format($sale->sales_price??0 , 2)}} {{$currency_->currency_symbol}}</div>
                                                                </div>
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.wages')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        {{number_format($sale->wages??0 , 2)}} {{$currency_->currency_symbol}}
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.weight')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        {{number_format($sale->weight??0 ,2)}}
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.gold weight')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        {{number_format($sale->goldWeight() ,2)}}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-4">
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.buy back')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        <span
                                                                            class="badge {{$sale->already_buy_back == 1 ? 'badge-success' : 'badge-danger'}}">
                                                                            {{$sale->already_buy_back==1? __('message.yes'): __('message.no')}}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.buy back note')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">
                                                                        : {{ $sale->buy_back_note }}</div>
                                                                </div>
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.date buy back')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        @if($sale->already_buy_back == 1)
                                                                            {{date('d-m-y' , strtotime($sale->date_buy_back))}}
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @include('buy-backs.card-footer')
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="member{{$loop->index}}" role="tabpanel">
                                                <div class="col-4">
                                                    <div class="row">
                                                        <div class="col-6">
                                                            <p class="fw-bolder credit text-left">
                                                                {{__('message.customer')}}
                                                            </p>
                                                        </div>
                                                        <div class="col-6 text-left">:
                                                            <a href="{{route('member.show' , $sale->member->id??0)}}"
                                                               style="color: black">
                                                                {{$sale->member->name??''}}
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-6">
                                                            <p class="fw-bolder credit text-left">
                                                                {{__('message.customer phone')}}
                                                            </p>
                                                        </div>
                                                        <div class="col-6 text-left">
                                                            : {{$sale->member->phone??''}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="description{{$loop->index}}" role="tabpanel">
                                                @if($sale->description)
                                                    {!! $sale->description !!}
                                                @endif
                                            </div>
                                            <div class="tab-pane fade" id="diamond_size{{$loop->index}}"
                                                 role="tabpanel">
                                                @if($sale->diamond_size)
                                                    <div class="row mb-2">
                                                        <div class="col-6">
                                                            <p class="fw-bolder credit text-left">
                                                                {{__('message.diamond size')}}
                                                            </p>
                                                        </div>
                                                        <div class="col-6 text-left">
                                                            : {!!$sale->diamond_size??0!!}</div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <!-- Pagination bootstrap-->

            @if($sales->hasPages())
                <div class="d-flex m-2 p-2" style="justify-content: space-between;align-items: start;width: 20%">


                    <select id="paginate" 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="">
                        {{ $sales->appends($_GET)->links() }}
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection
@section('scripts')
    @include('app.datepicker-js-config')
    <script>
        // date earchform  strt_date to EndDate

        $(document).ready(function () {
            $(".ranges > ul > li").click(function () {
                setTimeout(function () {
                    $('#search-form').submit();
                }, 100);
            });
            $("#datepicker").on("change.dp", function () {
                $("#search-form").submit();
            });
        });
        // date
        var runDatePicker = function () {
            // enable clear button
            $('#datepicker').datepicker({
                todayBtn: "linked",
                clearBtn: true,
                todayHighlight: true,
                templates: controls
            });
        }
        // end date
    </script>
    <script>
        $(document).ready(function () {
            $("#js-nav-menu").removeClass('active');
            $("#js-nav-menu li ul li").removeClass('active');
            $("#menu_report_list").addClass('active open');
            $("#collapse_report").addClass('collapse in');
            $("#menu_buy_back_report").addClass('active');
        })
    </script>
@endsection
@section('meta')
    <title>{{ __('message.buy back report') }} - {{$settings_->shop_name}}</title>
@endsection