@extends('panel.layouts.master')
@section('title', 'ایجاد تخفیف')
@section('content')
    @include('panel.layouts.sidebar')
    <section class="edit-shop">
        <main class="main-content">

            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">ایجاد کوپن</h6>
                    {!! Form::open(['route' => 'coupons.store', 'method' => 'post']) !!}
                    @csrf
                    <div class="row">
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="title">عنوان<span class="text-danger">*</span></label>
                                {{ Form::text('title', old('title'), ['class' => 'form-control']) }}
                            </div>
                        </div>

                        {{-- choose --}}
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input choose-checkbox" id="choose-user"
                                        name="choose-user" checked="">
                                    <label class="custom-control-label" for="choose-user"></label>
                                    <label for="user_id">کاربر<span class="text-danger">*</span></label>
                                    <select name="user_id" class="js-example-basic-single" id="user_id">
                                        <option disabled selected>انتخاب کنید</option>
                                        @foreach ($users as $user)
                                            <option value="{{ $user->id }}"
                                                @if (old('user_id') == $user->id) selected @endif>{{ $user->full_name }} - {{ $user->phone }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input choose-checkbox" id="choose-product"
                                        name="choose-product" checked="">
                                    <label class="custom-control-label" for="choose-product"></label>
                                    <label for="product_id">دوره<span class="text-danger">*</span></label>
                                    <select name="product_id" class="js-example-basic-single" id="product_id">
                                        <option disabled selected>انتخاب کنید</option>
                                        @foreach ($courses as $course)
                                            <option value="{{ $course->id }}"
                                                @if (old('course_id') == $course->id) selected @endif>{{ $course->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input choose-checkbox" id="choose-count"
                                        name="choose-count" checked="">
                                    <label class="custom-control-label" for="choose-count"></label>
                                    <label for="count">محدود<span class="text-danger">*</span></label>
                                    {{ Form::number('count', old('count'), ['class' => 'form-control', 'placeholder' => '5']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input choose-checkbox" id="choose-percent"
                                        name="choose-percent" checked="">
                                    <label class="custom-control-label" for="choose-percent"></label>
                                    <label for="percent">{{ 'قیمت' . '/' . 'درصد' }}<span
                                            class="text-danger">*</span></label>
                                    {{ Form::number('percent', old('percent'), ['class' => 'form-control percent-input', 'placeholder' => 'درصد']) }}
                                    {{ Form::number('price', old('price'), ['class' => 'form-control price-input d-none', 'placeholder' => 'قیمت']) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="code">کد<span class="text-danger">*</span></label>
                                {{ Form::text('code', old('code'), ['class' => 'form-control']) }}
                                <p class="text-danger">در صورت خالی بودن این فیلد، کد به صورت اتوماتیک ساخته می شود</p>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="for_customer" name="for_customer">
                                    <label class="custom-control-label" for="for_customer">فقط باشگاه مشتریان</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="for_culture" name="for_culture">
                                    <label class="custom-control-label" for="for_culture">فقط فرهنگیان</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="status" name="status"
                                        checked="">
                                    <label class="custom-control-label" for="status">فعال</label>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-12">
                            <button type="submit" class="btn btn-success btn-uppercase">
                                <i class="fas fa-check m-r-5"></i> ذخیره
                            </button>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </main>
    </section>
@endsection
@section('script')
    <script>
        $('.choose-checkbox').on('change', (e) => {
            let self = $(e.target)
            let input = self.siblings('.form-control')
            if (self.parents('.custom-control').children('input[type="checkbox"]').is(':checked')) {
                input.removeClass('d-none')
            } else {
                input.addClass('d-none')
            }
        })

        $('#choose-percent').on('change', (e) => {
            let self = $(e.target)
            if (self.parents('.custom-control').children('input[type="checkbox"]').is(':checked')) {
                $('.percent-input').removeClass('d-none')
                $('.price-input').addClass('d-none')
            } else {
                $('.percent-input').addClass('d-none')
                $('.price-input').removeClass('d-none')
            }
        })
    </script>
@endsection