@extends('dashboard.layouts.master')
@section('content')
    <div class="card">
        <div class="card-header">
            <h3>{{@$create}}</h3>

            <a href="javascript:;" class="btn btn-primary  btn-icon add_subscription ">
                <i class="fa fa-plus"></i>
                إضافه إشتراك
            </a>
        </div>
        <div class="card-body pb-0">
            <form class="form" method="post" action="{{route(@$route.'.store')}}" enctype="multipart/form-data">
                @csrf

                <input type="hidden" name="level_id" value="{{decrypt(request('level_id'))}}">

                <div class="row">
                    <div class="col-md-6 form-group">
                        <label class="form-label">الطالب</label>

                        <select id="" name="users[][user_id]" class="select2-custom users" required>
                            @foreach($users as $user)
                                <option {{old('users.0.user_id') == $user->id ?'selected':''}}  value="{{$user->id}}"> {{$user->name}} ( {{$user->phone}} )</option>
                            @endforeach
                        </select>
                        @error('users.*.user_id')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    @if($level->payment_type =='paid')
                        <div class="col-md-2 form-group">
                            <label class="form-label">السعر</label>
                            <input class="form-control subtotal" min="0" readonly name="subtotals[][subtotal]" required value="{{$level->price}}" type="number" placeholder="">
                            @error('subtotals.*.subtotal')
                            <span class="text-danger">{{$message}}</span>
                            @enderror
                        </div>
                        <div class="col-md-2 form-group">
                            <label class="form-label">الخصم</label>
                            <input class="form-control discount" min="0" name="discounts[][discount]" required value="{{old('discounts.0.discount',0) ??''}}" type="number" placeholder="">
                            @error('discounts.*.discount')
                            <span class="text-danger">{{$message}}</span>
                            @enderror
                        </div>
                        <div class="col-md-2 form-group">
                            <label class="form-label">الإجمالي</label>
                            <input class="form-control total" min="0" name="totals[][total]" required readonly value="{{old('totals.0.total',$level->price) ??''}}" type="number" placeholder="">
                            @error('totals.*.total')
                            <span class="text-danger">{{$message}}</span>
                            @enderror
                        </div>
                    @else
                        <input class="form-control " name="subtotals[][subtotal]" value="0" type="hidden" placeholder="">
                        <input class="form-control " name="discounts[][discount]" value="0" type="hidden">
                        <input class="form-control " name="totals[][total]" value="0" type="hidden">
                    @endif

                    <div class="render_form">

                    </div>
                </div>
                <div class="card-footer">
                    <button class="btn btn-primary btn-air-primary btn-icon" type="submit">
                        <i class="fa fa-save"></i>
                        حفظ
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection
@push('js')
    <script>
        $(document).on('change keyup', '.discount , .subtotal', function () {

            var subtotal = +$(this).parent().parent().find('.subtotal').val(),
                discount = +$(this).parent().parent().find('.discount').val(),
                total = $(this).parent().parent().find('.total');

            if (discount < subtotal) {
                total.val(subtotal - discount);
            } else {
                total.val(0);
                Swal.fire(
                    '',
                    'الخصم يجب أن يكون أصغر من السعر',
                    'error'
                );
            }
        });
    </script>

    <script>

        $(document).on('click', '.add_subscription', function () {
            var users = $('.users');
            var users_ids = [];

            $.each(users, function (key, val) {
                users_ids.push($(val).val())

            })
            console.log(users_ids);

            $.ajax({
                type: "get",
                url: "{{route('user-subscription.renderCreateForm',$level_id)}}",
                data: {
                    users_ids: users_ids
                },
                success: function (response) {
                    $('.render_form').append(response)
                }
            })
        })
    </script>
@endpush