@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-4">
                <label>{{__('coursePayments.course_name')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->course_name }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('coursePayments.user_name')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ str_replace(',', ' ', $course->user_name) }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('coursePayments.email')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->email }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('coursePayments.phone')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->user_phone }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('coursePayments.pay_way')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->receipt ? __('coursePayments.bank') : __('coursePayments.online') }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('coursePayments.subscribe_date')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ date('Y-m-d', strtotime($course->created_at)) }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('coursePayments.price')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->price }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('coursePayments.added_value')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->added_value }}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('main.total')}}</label>
                <input type="text" readonly class="form-control bg-white"  value='{{ $course->price+$course->added_value }}'/>
            </div>
            <div class="form-group col-lg-12 card">
                <div class="card-body">
                    <label><b>{{__('coursePayments.status')}}</b></label>
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="custom-control custom-radio">
                                <input type="radio" {{ $course->status ? 'checked' : '' }} class="custom-control-input active_course" id="active" name="active_course">
                                <label class="custom-control-label" for="active"> {{ __('coursePayments.active')}} </label>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="custom-control custom-radio">
                                <input type="radio" {{ !$course->status ? 'checked' : 'disabled' }} class="custom-control-input dis_active_course" id="non_active">
                                <label class="custom-control-label" for="non_active"> {{ __('coursePayments.non_active')}} </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{--Start image container--}}
            @if($course->receipt)
                <div class="form-group col-lg-12">
                    <label>{{ __('coursePayments.payment_receipt') }} </label>
                    <div class="photos {{ $course->receipt ? ' wow fadeInUp' : 'hide' }}">
                        <div class="col-lg-4">
                            <div class="items">
                                <div class="img">
                                    <a href="{{asset($course->receipt)}}" data-fancybox>
                                        <img src="{{asset($course->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('coursePayments.activeCourse', [$course->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