@extends('layouts.admin', ['title' => 'شرط‌های کدهای تخفیف'])

@section('css')
<style type="text/css">
    .product-list label,
    .product-list2 label {
        display: block;
    }

    #dvClubpoints,
    #dvProvince,
    #dvRole {
        display: none;
    }
</style>

@stop

@section('content')
<h3>مدیریت شرط‌های کد تخفیف

    <a href="/admin/discount/show/{{ $did }}" class="btn btn-link">بازگشت</a>

</h3>
<hr />

<h4>شرط‌ جدید</h4>
<div class="row">
    <div class="col-md-6">
        <form action="{{ url('admin/discount/conditions/'. $did . '/add')}}" method="post">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">

            <div class="form-group">
                <label for="type">نوع شرط</label>
                <select name="type" id="type" class="form-control">
                    <option value="gender">جنسیت</option>
                    <option value="role">نقش</option>
                    <option value="clubpoints">امتیاز باشگاه مشتریان</option>
                    <option value="province">استان</option>
                </select>
                <span class="error">{{ $errors->first('type') }}</span>
            </div>

            <div class="form-group" id="dvGender">
                <label for="gender_value">جنسیت</label>
                <select name="gender_value" id="gender_value" class="form-control">
                    <option value="1">مرد</option>
                    <option value="2">زن</option>
                </select>
                <span class="error">{{ $errors->first('gender_value') }}</span>
            </div>

            <div id="dvClubpoints">
                <div class="form-group">
                    <label for="clubpoints_min">از امتیاز</label>
                    <input type="number" class="form-control ltr" id="clubpoints_min" name="clubpoints_min">
                </div>

                <div class="form-group">
                    <label for="clubpoints_max">تا امتیاز</label>
                    <input type="number" class="form-control ltr" id="clubpoints_max" name="clubpoints_max">
                </div>
            </div>


            <div class="form-group" id="dvProvince">
                <div class="product-list">
                    <div style="height: 200px;border: 1px solid gray;overflow: auto; padding: 10px">

                        @foreach($provinces as $province)

                        <label title="{{ cleanTitleForQuickSearch( $province->title) }}" for="chkp{{ $province->id }}">
                            <input type="checkbox" id="chkp{{ $province->id }}" value="{{ $province->id }}"
                                name="province_id[]"> {{  $province->title  }}</label>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="form-group" id="dvRole">
                <div class="product-list">
                    <div style="height: 200px;border: 1px solid gray;overflow: auto; padding: 10px">

                        @foreach($roles as $role)
                        <label title="{{ cleanTitleForQuickSearch( $role->title) }}" for="chkr{{ $role->id }}">
                            <input type="checkbox" id="chkr{{ $role->id }}" value="{{ $role->id }}" name="role_id[]">
                            {{  $role->title  }}</label>
                        @endforeach
                    </div>
                </div>

            </div>


            <button type="submit" class="btn btn-primary">ذخیره</button>


            <p class="success">{{ session('message') }}</p>
            <p class="error">{{ session('error') }}</p>
        </form>
    </div>
    <div class="col-md-6">
        توسط این بخش میتوانید شرط‌های مختلفی بر روی هر کد تخفیف اعمال نمایید.
        <br>
        برای نمونه میتوانید کد تخفیف را به گونه‌ای تنظیم نمایید که فقط کاربران استان‌های گیلان و تهران از آن استفاده
        نمایندو ...
        <br>

        مهم: از هر نوع شرط فقط یک مورد میتواند در لیست شرط‌های هر کد تخفیف وجود داشته باشید.
        به عنوان مثال شما اجازه ندارید یک شرط برای گیلان و یک شرط جداگانه برای تهران ایجاد کنید.( میتوانید در یک شرط هر
        دو مورد را ذکر کنید)

    </div>
</div>


<div class="row">
    <div class="col-xs-12">
        @if(count($data)==0)
        <div class="alert alert-info" role="alert">
            اطلاعاتی برای نمایش دادن وجود ندارد.
        </div>
        @else
        <table class="table table-striped">
            <tr>
                <th style="width:250px;">عملیات</th>
                <th>نوع</th>
                <th>مقدار</th>
            </tr>

            @foreach($data as $item)
            <tr>
                <td>
                    <a href="/admin/discount/conditions/{{ $did }}/delete/{{ $item->id }}" class="btn btn-danger"
                        onclick="return confirm('آیا میخواهید آیتم مورد نظر را حذف نمایید؟');">حذف</a>
                </td>
                <td>{{ $item->type_title }}</td>
                <td>{{ $item->str_value }}</td>
            </tr>
            @endforeach
        </table>

        @endif
    </div>
    <div class="col-xs-6">
        <div id="dvData">

        </div>
    </div>
</div>

@stop

@section('javascript')
<script>
    jQuery(document).ready(function(){ 
        
        jQuery('#type').change(function(){
            var type = jQuery(this).val();
            
            jQuery("#dvGender,#dvClubpoints,#dvProvince,#dvRole").hide();

            if(type == 'gender') jQuery("#dvGender").show();
            if(type == 'clubpoints') jQuery("#dvClubpoints").show();
            if(type == 'province') jQuery("#dvProvince").show();
            if(type == 'role') jQuery("#dvRole").show();

        });

        jQuery("#tSearch").on("change paste keyup", function() {
            var search = jQuery(this).val().toString().toLowerCase().replaceAll(' ', '').replaceAll('ي', 'ی');
        if(search.length == 0 ){ 
            jQuery(".product-list label").show();
        } else{ 
            jQuery(".product-list label").hide();
            jQuery(".product-list label[title*='"+search+"']").show();
        }
        }); 
     
  }); 
</script>
@stop