@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('sales.index') }}" 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>
                                <select class="select2 form-control w-100 ml-4" id="product_category_id" name="product_category_id" onchange="submit()">
                                    <option value="0">{{__('message.selected all')}}</option>
                                    @foreach($main_categories as $main)
                                        <option value="{{$main->id}}" style="font-weight: bold;font-size: 14px" @if($main->id == $product_category_id) selected @endif>{{$main->name}}</option>
                                        @foreach($main->children as $child)
                                            <option value="{{$child->id}}" @if($child->id == $product_category_id) selected @endif>&nbsp; &nbsp;&nbsp;{{$child->name}}</option>
                                        @endforeach
                                    @endforeach
                                </select>
                            </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('sales.index')}}?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('sale.print')}}?start_date={{$start_date}}&end_date={{$end_date}}&search={{$search}}&product_category_id={{$product_category_id}}" 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('sale.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 mb-0">
                    <thead class="bg-fusion-400 text-center">
                    <tr>
                        <th>#</th>
                        <th class="text-center">{{ __('message.part number') }}</th>
                        <th>{{ __('message.product category') }}</th>
                        <th>{{ __('message.name') }}</th>
                        <th>{{ __('message.qty') }}</th>
                        <th>{{ __('message.sales price') }}</th>
                        <th>{{ __('message.discount') }}</th>
                        <th>{{ __('message.net sale') }}</th>
{{--                        <th>{{ __('message.usd price') }}</th>--}}
{{--                        <th>{{ __('message.khr price') }}</th>--}}
{{--                        <th>{{ __('message.thb price') }}</th>--}}
{{--                        <th>{{ __('message.discount') }}</th>--}}
                        <th>{{ __('message.sale date') }}</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 class="text-center">{{$sale->part_number}}</td>
                            <td>
                                {{$sale->productCategory->name ?? ''}}
{{--                                {{$sale->productCategoryNameUpgrade()??''}}--}}
                            </td>
                            <td>
                                {{ $sale->name ??''}}
                            </td>
                            <td class="">
                                {{ $sale->qty??0}}
                            </td>
                            <td class="credit">
                                {{ number_format($sale->sales_price+$sale->discount , 2) }} {{$currency_->currency_symbol}}
                            </td>
                            <td class="credit">
                                {{number_format($sale->discount??0 , 2)}} {{$currency_->currency_symbol}}
                            </td>
                            <td class="credit">
                                {{ number_format($sale->sales_price , 2) }} {{$currency_->currency_symbol}}
                            </td>
{{--                            <td class="credit text-center">--}}
{{--                                {{ $sale->usd_amount ?? 0}} {{$currency_->currency_symbol}}--}}
{{--                            </td>--}}
{{--                            <td class="credit text-center">--}}
{{--                                {{ $sale->khr_amount ?? 0}} ៛--}}
{{--                            </td>--}}
{{--                            <td class="credit text-center">--}}
{{--                                {{ $sale->thb_amount ?? 0}} B--}}
{{--                            </td>--}}
{{--                            <td class="credit">--}}
{{--                                {{ number_format($sale->discount, 2) }} {{$currency_->currency_symbol}}--}}
{{--                            </td>--}}
                            <td>
                                <div class=""> {{ $sale->created_at->format('d/m/Y H:i') }}</div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="9">
                                <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>
                                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#description{{$loop->index}}" role="tab">{{__('message.description')}}</a></li>
                                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#attribute{{$loop->index}}" role="tab">{{__('message.attribute')}}</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-xs-3 col-sm-3 col-md-3 col-xl-3 mb-2">
                                                                @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 mr-1">
                                                                <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 credit">: {{number_format($sale->cost()??0 , 2)}} {{$currency_->currency_symbol}}</div>
                                                                </div>
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.selling cost')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">: {{number_format($sale->selling_cost, 2)}} {{$currency_->currency_symbol}}</div>
                                                                </div>
                                                                @if($sale->selling_rate)
                                                                    <div class="row mb-2">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.selling rate')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left credit">: {{number_format($sale->selling_rate , 4)}} {{$currency_->currency_symbol}}</div>
                                                                    </div>
                                                                @endif
                                                                <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 credit">:
                                                                        {{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.original wages')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left credit">:
                                                                        {{number_format($sale->original_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 , 2)}}--}}
                                                                        @if($sale->for_sale == 1)
                                                                            {{number_format($sale->product->weight,2)}}
                                                                        @elseif($sale->for_sale == 0)
                                                                            {{number_format($sale->weight,2)}}
                                                                        @endif
                                                                        @if($sale->weight_description)
                                                                            ({{$sale->weight_description}})
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{ __('message.gold weight') }}
                                                                            @if($sale->weight_description)
                                                                                ({!!$sale->weight_description!!})
                                                                            @endif
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">:
                                                                        @if($sale->for_sale == 1)
                                                                            {{number_format($sale->product->goldWeight()??0 , 2)}}
                                                                        @elseif($sale->for_sale == 0)
                                                                            {{number_format($sale->goldWeight()??0 , 2)}}
                                                                        @endif

                                                                    </div>
                                                                </div>
                                                                @if($sale->purity_upgrade_to)
                                                                    <div class="row mb-2">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{ __('message.purity upgrade to') }}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:  {{$sale->purity_upgrade_to??''}}</div>
                                                                    </div>
                                                                @endif
                                                                @if($sale->selling_purity)
                                                                    <div class="row mb-2">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{ __('message.selling purity') }}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">:  {{$sale->selling_purity??''}}</div>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                            <div class="col-4 mr-1">
                                                                @if($sale->usd_amount)
                                                                    <div class="row mb-2">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.usd price')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left credit">: {{ number_format($sale->usd_amount ?? 0 , 2)}} {{$currency_->currency_symbol}}</div>
                                                                    </div>
                                                                @endif
                                                                @if($sale->khr_amount)
                                                                    <div class="row mb-2">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.khr price')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">: {{ number_format($sale->khr_amount??0 , 2)}} ៛</div>
                                                                    </div>
                                                                @endif
                                                                @if($sale->thb_amount)
                                                                    <div class="row mb-2">
                                                                        <div class="col-6">
                                                                            <p class="fw-bolder credit text-left">
                                                                                {{__('message.thb price')}}
                                                                            </p>
                                                                        </div>
                                                                        <div class="col-6 text-left">: {{ number_format($sale->thb_amount ?? 0 , 2)}} B</div>
                                                                    </div>
                                                                @endif
                                                                <div class="row mb-2">
                                                                    <div class="col-6">
                                                                        <p class="fw-bolder credit text-left">
                                                                            {{__('message.supplier rate')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">: {{ number_format($sale->supplier_rate ?? 0 , 2)}} {{$currency_->currency_symbol}}</div>
                                                                </div>
                                                                <div class="row mb-2">
                                                                    <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' , $sale->user_id)}}" class="text-dark" title="{{__('message.show user')}}">
                                                                            {{$sale->user->name??''}}
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                    @if($sale->old_code)
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.old code')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                {{$sale->old_code??''}}
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                    @if($sale->original_invoice)
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.original invoice')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                {{$sale->original_invoice??''}}
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                @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>
                                                        @include('sales.card-footer')
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="member{{$loop->index}}" role="tabpanel">
                                                <div class="col-4 ml-1">
                                                    <div class="row mb-2">
                                                        <div class="col-6">
                                                            <p class="fw-bolder credit text-left">
                                                                {{__('message.customer name')}}
                                                            </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 mb-2">
                                                        <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 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">
                                                            @if($sale->already_buy_back == 1)
                                                                <p class="fw-bolder credit text-left">
                                                                    {{__('message.date buy back')}}
                                                                </p>
                                                            @endif
                                                        </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 class="tab-pane fade" id="description{{$loop->index}}" role="tabpanel">
                                                @if($sale->description)
                                                    {!! $sale->description !!}
                                                @else
                                                    <div class="text-center">
                                                        <h3>{{__('message.description is empty')}}</h3>
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="tab-pane fade" id="attribute{{$loop->index}}" role="tabpanel">
                                                @if($sale->SellProductAttributes->count() > 0)
                                                    <div class="panel-container show table-responsive">
                                                        <h3>{{__('message.sale 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>
                                                            </tr>
                                                            </thead>
                                                            <tbody class="text-center" id="">
                                                            @foreach ($sale->SellProductAttributes as $i => $sellProductAttribute)
                                                                <tr class="{{ $sellProductAttribute->qty==0 ? 'inactive':''}} bg-white  {{++$loop->index%2!=$sellProductAttribute->count()?'border-top':''}}">
                                                                    <td class="align-middle">{{ $i + 1 }}</td>
                                                                    <td class="">
                                                                        {{$sellProductAttribute->name}}
                                                                    </td>
                                                                    <td class="credit"> {{$sellProductAttribute->price}} {{$currency_->currency_symbol}}</td>
                                                                    <td> {{$sellProductAttribute->qty}}</td>
                                                                    <td class="credit"> {{$sellProductAttribute->cost}} {{$currency_->currency_symbol}}</td>
                                                                </tr>
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @else
                                                    <div class="text-center">
                                                        <h3>{{__('message.sale product attribute is empty')}}</h3>
                                                    </div>
                                                @endif
{{--                                                <div class="col-4">--}}
{{--                                                    <div class="row mb-2">--}}
{{--                                                        <div class="col-6">--}}
{{--                                                            <p class="fw-bolder credit text-left">--}}
{{--                                                                {{__('message.product name')}}--}}
{{--                                                            </p>--}}
{{--                                                        </div>--}}
{{--                                                        <div class="col-6 text-left">: {{$sale->product_attribute->name ?? '-'}}</div>--}}
{{--                                                    </div>--}}
{{--                                                    <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->product_attribute->cost??0}} {{$currency_->currency_symbol}}</div>--}}
{{--                                                    </div>--}}
{{--                                                    <div class="row mb-2">--}}
{{--                                                        <div class="col-6">--}}
{{--                                                            <p class="fw-bolder credit text-left">--}}
{{--                                                                {{__('message.qty')}}--}}
{{--                                                            </p>--}}
{{--                                                        </div>--}}
{{--                                                        <div class="col-6 text-left">: {{$sale->product_attribute->qty??0}}</div>--}}
{{--                                                    </div>--}}
{{--                                                    <div class="row mb-2">--}}
{{--                                                        <div class="col-6">--}}
{{--                                                            <p class="fw-bolder credit text-left">--}}
{{--                                                                {{__('message.created at')}}--}}
{{--                                                            </p>--}}
{{--                                                        </div>--}}
{{--                                                        <div class="col-6 text-left">: {{$sale->product_attribute->created_at??''}}</div>--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
                                            </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>

    <!-- Modal popup -->
    {{-- <div class="modal fade" id="cashin_cashout_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('message.cash in') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times"></i></span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.amount') }}</label>
                            <input type="text" id="simpleinput" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.bank charge') }}</label>
                            <input type="text" id="simpleinput" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.bank date') }}</label>
                            <input type="text" id="simpleinput" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="simpleinput">{{ __('message.note') }}</label>
                            <input type="text" id="simpleinput" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="example-multiselect">{{ __('message.type') }}</label>
                            <select id="example-multiselect" class="form-control">
                                <option>{{ __('message.cash in') }}</option>
                                <option>{{ __('message.cash out') }}</option>
                            </select>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">

                    <button type="button" class="btn btn-primary waves-effect waves-themed">
                        <i class="fal fa-save fa-lg"></i>
                        {{ __('message.save') }}
                    </button>
                    <button type="button" class="btn btn-danger waves-effect waves-themed"
                        data-dismiss="modal">{{ __('message.cancel') }}</button>
                </div>
            </div>
        </div>
    </div> --}}
    <!-- End Modal popup -->
@endsection
@section('scripts')
    @include('app.datepicker-js-config')
    <script>

        $(document).ready(function() {

            $('#source').select2();

            $(document).on("click", ".select2-results__group", function(){

                var groupName = $(this).html()
                var options = $('#source option');

                $.each(options, function(key, value){

                    if($(value)[0].parentElement.label.indexOf(groupName) >= 0){
                        $(value).prop("selected","selected");
                    }

                });

                $("#source").trigger("change");
                $("#source").select2('close');

            });
        });

        // 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_setup_list").addClass('active open');
            // $("#collapse_setup").addClass('collapse in')
            // $("#menu_product").addClass('active')
            $("#menu_sales").addClass('active')
        })
    </script>

{{-- CHANGE DATE --}}
     <div class="modal fade" id="change-date" tabindex="-1" style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{__('message.change date')}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fal fa-times"></i></span>
                    </button>
                </div>
                <form method="POST" action="{{ route('sales.change-date') }}" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        @method('PUT')
                        <input type="hidden" name="sale_id" value="">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="form-label" for="example-email-2" style="float:left">{{__('message.date')}}</label>
                            <input type="date" value="" id="example-email-2" name="date" class="form-control" placeholder="{{__('message.date')}}"  required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">{{__('message.close')}}</button>
                        <button type="submit" class="btn btn-primary waves-effect waves-themed">{{__('message.save')}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>
<script type="text/javascript">
    $('.btn-change-date').click(function(){
        $('input[name="sale_id"]').val($(this).data('sale-id'));
        $('input[name="date"]').attr('value',$(this).data('sale-date'));
    });
</script>
{{-- END CHANGE DATE --}}

@endsection
@section('meta')
    <title>{{ __('message.sales') }} - {{$settings_->shop_name}}</title>
@endsection