@extends('dashboard.layouts.master')
@section('content')
    <div class="card">
        <div class="card-header">
            <h3>{{@$edit}}</h3>
        </div>
        <div class="card-body pb-0">
            <form class="form" method="post" action="{{route(@$route.'.update',$level->id)}}" enctype="multipart/form-data">
                @csrf
                @method('put')
                <input type="hidden" name="id" value="{{$level->id}}">
                <div class="row">
                    <div class="col-md-6 form-group">
                        <label class="form-label">الإسم</label>
                        <input class="form-control" name="name" value="{{old('name') ?? $level->name}}" type="text" placeholder="">
                        @error('name')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    <div class="col-md-6 form-group">
                        <label class="form-label"> نوع الدفع</label>
                        <select name="payment_type" class="select2-custom">
                            <option {{old('payment_type') =='free' || $level->payment_type =='free'  ? 'selected':''}} selected value="free">مجاني</option>
                            <option {{old('payment_type') =='paid' || $level->payment_type =='paid'  ?'selected':''}} value="paid">مدفوع</option>
                        </select>
                        @error('payment_type')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>

                <div class="paid {{old('payment_type') =='paid' || $level->payment_type =='paid' ? '':'d-none'}}">
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label class="form-label">السعر</label>
                            <input class="form-control" min="0" name="price" value="{{old('price') ?? $level->price}}" type="number" placeholder="">
                            @error('price')
                            <span class="text-danger">{{$message}}</span>
                            @enderror
                        </div>
                        <div class="col-md-6 form-group">
                            <label class="form-label"> لديه عرض</label>
                            <select name="have_offer" class="select2-custom">
                                <option {{old('have_offer') =='no' || $level->have_offer =='no'  ?'selected':''}}  value="no">لا</option>
                                <option {{old('have_offer') =='yes' || $level->have_offer =='yes' ?'selected':''}} value="yes">نعم</option>
                            </select>
                            @error('have_offer')
                            <span class="text-danger">{{$message}}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="offer {{old('have_offer') =='yes' || $level->have_offer =='yes'  ? '':'d-none'}} ">
                        <div class="row ">
                            <div class="col-md-6 form-group">
                                <label class="form-label">نوع العرض</label>
                                <select name="offer_type" class="select2-custom">
                                    <option {{old('offer_type') =='value' || $level->offer_type =='value' ?'selected':''}} value="value">قيمه ثابته</option>
                                    <option {{old('offer_type') =='percent' || $level->offer_type =='percent' ?'selected':''}} value="percent">نسبه</option>
                                </select>
                                @error('offer_type')
                                <span class="text-danger">{{$message}}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 form-group">
                                <label class="form-label">قيمه العرض</label>
                                <input class="form-control" min="0" name="offer_value" value="{{old('offer_value') ??$level->offer_value}}" type="number" placeholder="">
                                @error('offer_value')
                                <span class="text-danger">{{$message}}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                      <div class="col-md-6 form-group flex-upload">
                          <label class="form-label">الصورة</label>
                          <input type="file" accept="image/*" class="photo form-control" name="photo"/>
                          <img class="image_preview" src="{{getFile($level->photo)}}" style="width: 100px ; height: 100px" alt="">
                          @error('photo')
                          <span class="text-danger">{{$message}}</span>
                          @enderror
                      </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>
        $('select[name="payment_type"]').on('change', function () {
            if ($(this).val() == 'paid') {
                $('input[name="price"]').val({{$level->price}}).attr('readonly', false);
                $('.paid').removeClass('d-none');
            } else {
                $('input[name="price"]').val(0).attr('readonly', true);
                $('.paid').addClass('d-none');
                $('select[name="have_offer"]').val('no');
            }
        });

        $('select[name="have_offer"]').on('change', function () {
            if ($(this).val() == 'yes') {
                /* $('select[name="offer_type"]').val('');*/
                $('input[name="offer_value"]').val(0).attr('readonly', false);
                $('.offer').removeClass('d-none');
            } else {
                $('select[name="offer_type"]').val('');
                $('input[name="offer_value"]').val(0).attr('readonly', true);
                $('.offer').addClass('d-none');
            }
        });
    </script>
@endpush