@extends('admin.layouts.container')
@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/printable.css') }}" />
@endsection
@section('content')
    <div class="side-title">
        <h3>{{$head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form class="form-row">
            <div class="form-group col-lg-6">
                <label>{{__('courseSubscribes.course_name')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->course_name }}'/>
            </div>
            <div class="form-group col-lg-6">
                <label>{{__('courseSubscribes.user_name')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->user_name }}'/>
            </div>
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.course_type')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ __('courses.'.$course->course_type) }}'/>
            </div>
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.pay_way')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->pay_way ? __('courseSubscribes.'.$course->pay_way) : '' }}'/>
            </div>
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.phone')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->user_phone }}'/>
            </div>
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.subscribe_date')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ date('Y-m-d', strtotime($course->subscription_date ?? $course->bill_date)) }}'/>
            </div>
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.price')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->course_price }}'/>
            </div>
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.added_value')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $calcBill['added_value_amount'] }}'/>
            </div>
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.discount_amount')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $calcBill['discount_amount'] }}'/>
            </div>
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.price_after_discount')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $calcBill['price_after_discount'] }}'/>
            </div>
            @if($course->points)
                <div class="form-group col-lg-3">
                    <label>Points</label>
                    <input type="text" readonly class="form-control bg-white"  value='{{ $calcBill['points'] }}'/>
                </div>
            @endif

            @if($course->code)
                <div class="form-group col-lg-3">
                    <label>Coupon code</label>
                    <input type="text" readonly class="form-control bg-white"  value='{{ $course->code }}'/>
                </div>
            @endif
            <div class="form-group col-lg-3">
                <label>{{__('courseSubscribes.email')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->email }}'/>
            </div>
            <div class="form-group col-lg-12 card">
                <div class="card-body">
                    <label><b>{{__('courseSubscribes.status')}}</b></label>
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="custom-control custom-radio">
                                <input type="radio" {{ $course->course_status ? 'checked' : '' }} class="custom-control-input active_course" id="active" name="active_course">
                                <label class="custom-control-label" for="active"> {{ __('courseSubscribes.active')}} </label>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="custom-control custom-radio">
                                <input type="radio" {{ !$course->course_status ? 'checked' : 'disabled' }} class="custom-control-input dis_active_course" id="non_active">
                                <label class="custom-control-label" for="non_active"> {{ __('courseSubscribes.non_active')}} </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if($course->bill_id)
                <div class="form-group col-lg-12">
                    <a class="bill_modal_link butn" data-bill=".bill_container_{{$course->id}}" data-toggle="modal" data-target="#billModal" href="#">
                        <i class="fa fa-edit"></i> {{ __('courseSubscribes.show_bill') }}
                    </a>
                </div>

                <div class="d-none bill_container_{{$course->id}}">
                    <h4>({{$calcBill['id']}}) فاتورة </h4>
                    <div class="row mt-5">
                        <div class="col-md-6">
                            <div class="bill_det">
                                <h6>إسم العميل: <span>{{$member->name}}</span></h6>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="bill_det">
                                <h6> رقم الجوال: <span>{{$member->phone}}</span></h6>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="bill_det">
                                <h6> التاريخ : <span> {{date('Y M d', strtotime($course->subscription_date))}}</span></h6>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="bill_det">
                                <h6> الرقم الضريبي : <span>{{settings('tax_number')}}</span></h6>
                            </div>
                        </div>
                    </div>
                    <div class="responsive-table mt-4">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">البيان</th>
                                <th scope="col">السعر</th>
                                <th scope="col">القيمة المضافه</th>
                                <th scope="col">طريقة الدفع</th>
                                @if($calcBill['coupon_discount'])
                                    <th>كوبون</th>
                                    <th>السعر بعد الخصم</th>
                                @endif
                                @if($calcBill['points'])
                                    <th>نقاط</th>
                                    <th>السعر بعد الخصم</th>
                                @endif
                                <th scope="col">المجموع </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th scope="row">{{$calcBill['id']}}</th>
                                <td>كورس {{$calcBill['course_name']}}</td>
                                <td>{{$calcBill['price']}} SAR</td>
                                <td>{{$calcBill['added_value_amount']}} SAR</td>
                                <td>{{$calcBill['pay_way']}}</td>

                                @if($calcBill['coupon_discount'])
                                    {{-- discount value --}}
                                    <td>{{$calcBill['discount_amount']}}</td>

                                    {{-- Price after discount --}}
                                    <td>{{$calcBill['price_after_discount']}}</td>
                                    {{-- last total --}}
                                    <td>{{$calcBill['total']}}</td>
                                @endif
                                @if($calcBill['points'])
                                    <td>{{$calcBill['points']}}</td>
                                    {{-- Price after discount --}}
                                    <td>{{$calcBill['price_after_discount']}}</td>
                                    {{-- last total --}}
                                    <td>{{$calcBill['total']}}</td>
                                @endif
                                @if(!$calcBill['coupon_discount'] && !$calcBill['points'])
                                    <td>{{$calcBill['total']}}</td>
                                @endif
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="row mt-4">
                        <div class="col-md-6">
                            <div class="contact_item">
                                <div class="icon">
                                    <i class="fas fa-globe-americas"></i>
                                </div>
                                <p><a href="{{route('home')}}">الموقع الالكتروني</a></p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="contact_item">
                                <div class="icon">
                                    <i class="far fa-paper-plane"></i>
                                </div>
                                <p>{{$site_address}}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="contact_item">
                                <div class="icon">
                                    <i class="fas fa-phone"></i>
                                </div>
                                <p>{{$site_phone}} - {{$site_phone}}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="contact_item">
                                <div class="icon">
                                    <i class="fas fa-at"></i>
                                </div>
                                <p>{{$site_email}}</p>
                            </div>
                        </div>
                        <div class="col-md-6 m-auto">
                            <div class="contact_item d-flex justify-content-center">
                                <img src="{{$calcBill['qr_code']}}" alt="">
                            </div>
                        </div>
                    </div>
                </div>

            @endif



            {{--            <div class="d-none bill_container_{{$course->id}}">--}}
            {{--                <h4>({{$course->id}}) فاتورة </h4>--}}
            {{--                <div class="row mt-5">--}}
            {{--                    <div class="col-md-6">--}}
            {{--                        <div class="bill_det">--}}
            {{--                            <h6>إسم العميل: <span>{{$course->user_name}}</span></h6>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-md-6">--}}
            {{--                        <div class="bill_det">--}}
            {{--                            <h6> رقم الجوال: <span> +966 {{$course->phone}}</span></h6>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-md-6">--}}
            {{--                        <div class="bill_det">--}}
            {{--                            <h6> التاريخ : <span> {{$bill ? date('Y M d', strtotime($bill->bill_date)) : null}}</span></h6>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                    <div class="col-md-6">--}}
            {{--                        <div class="bill_det">--}}
            {{--                            <h6> الرقم الضريبي : <span>{{settings('tax_number')}}</span></h6>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                </div>--}}
            {{--                <div class="responsive-table mt-4">--}}
            {{--                    <table class="table table-bordered">--}}
            {{--                        <thead>--}}
            {{--                        <tr>--}}
            {{--                            <th scope="col">#</th>--}}
            {{--                            <th scope="col">البيان</th>--}}
            {{--                            <th scope="col">السعر</th>--}}
            {{--                            <th scope="col">القيمة المضافه</th>--}}
            {{--                            <th scope="col">المجموع </th>--}}
            {{--                        </tr>--}}
            {{--                        </thead>--}}
            {{--                        <tbody>--}}
            {{--                        <tr>--}}
            {{--                            <th scope="row">{{$course->id}}</th>--}}
            {{--                            <td>كورس {{$course->course_name}}</td>--}}
            {{--                            <td>{{$course->price}} SAR</td>--}}
            {{--                            <td>{{($course->price*settings('added_value'))/100}} SAR</td>--}}
            {{--                            <td>{{(($course->price*settings('added_value'))/100)+$course->price}} SAR</td>--}}
            {{--                        </tr>--}}
            {{--                        </tbody>--}}
            {{--                    </table>--}}
            {{--                </div>--}}
            {{--            </div>--}}


            {{--Start image container--}}
            @if($course->payment_receipt)
                <div class="form-group col-lg-12">
                    <label>{{ __('courseSubscribes.payment_receipt') }} </label>
                    <div class="photos {{ $course->payment_receipt ? ' wow fadeInUp' : 'hide' }}">
                        <div class="col-lg-4">
                            <div class="items">
                                <div class="img">
                                    <a download href="{{asset($course->payment_receipt)}}" data-fancybox>
                                        <img src="{{asset($course->payment_receipt)}} " >
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            {{--End image container--}}

        </form>
    </div>

    <div class="modal fade printable billModal" id="billModal" tabindex="-1" aria-labelledby="billModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content bill-modal-content cont_print">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="modal-body">
                    <!--<button class="butn" onclick="print()"><i class="fas fa-print"></i></button>-->
                    <button id="basic" class="butn"><i class="fas fa-print"></i></button>
                    <div class="bill_modal_container"></div>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('inner_js')

    <script>

        $('.active_course').change(async function (e) {
            e.preventDefault();
            let url = "{{route('courseSubscribes.activeCourse', [$course->id, $member->id])}}",
                method = 'get';

            const response=await ajax({
                url,
                dataType: 'json',
                method,
            });
            if (response.message) {
                $('.dis_active_course').removeAttr('checked');
                $('.dis_active_course').prop('disabled', true);

            }
        });

        $('.bill_modal_link').click(function () {
            $('.billModal .bill_modal_container').html($($(this).data('bill')).html())
        });
        $('.modal.printable').on('shown.bs.modal', function () {
            $('.modal-dialog', this).addClass('focused');
            $('body').addClass('modalprinter');

        }).on('hidden.bs.modal', function () {
            $('.modal-dialog', this).removeClass('focused');
            $('body').removeClass('modalprinter');
        });
    </script>
@endsection