@extends('panel.layouts.master')
@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="form-control" id="user_id">
                                        <option disabled selected>انتخاب کنید</option>
                                        @foreach ($users as $user)
                                            <option value="{{ $user->id }}" @if(old('user_id') == $user->id) selected @endif>{{ $user->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-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="form-control" id="product_id">
                                        <option disabled selected>انتخاب کنید</option>
                                        @foreach ($products as $product)
                                            <option value="{{ $product->id }}" @if(old('product_id') == $product->id) selected @endif>{{ $product->title }}</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="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