@extends('layouts.app', ['activePage' => 'cylinder_pdt', 'titlePage' => __('')])

@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                      <div class="card-header card-header-primary">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h4 class="card-title ">{{ __("jamia.product")}}</h4>
                            </div>
                            <div>
                                <a class="btn btn-success" href="/cylinderPdt"><strong><i class="fa fa-backward fa-lg"></i></strong></a>
                            </div>
                        </div>
                      </div>
                      <div class="card-body p-4">
                        <form action="/cylinderPdt" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-4 eng_sh">
                                    <div class="form-group">
                                        <label for="name">{{ __("jamia.Category")}}</label>
                                        <select class="form-control" name="Category" id="Category" required>
                                        <option value='اسطوانة'>اسطوانة</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4 eng_sh">
                                    <div class="form-group">
                                        <label for="name">{{ __("jamia.name_ar")}}</label>
                                        <input type="text" id="name" name="name"  class="form-control name_chk"  required>
                                    </div><p id="errorMessage" style="color: red; display: none;">Please enter only Arabic characters.</p>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="name">{{ __("jamia.name_eng")}}</label>
                                        <input type="text" id="name_eng" name="name_eng"  class="form-control"  required>
                                    </div>
                                </div>
                                <div class="col-md-4 eng_sh">
                                    <div class="form-group">
                                        <label for="name">{{ __("jamia.unit")}}</label>
                                        <select class="form-control" name="unit" id="unit" required>
                                        <option value='أعداد'>أعداد</option>
                                        
                                        </select>
                                
                                    </div>
                                </div>
                                <div class="col-md-4 eng_sh">
                                    <div class="form-group">
                                        <label for="name">{{ __("jamia.cost")}}</label>
                                         <input type="number" id="cost" name="cost"  class="form-control" step="any" required>

                                    </div>
                                </div>
                                <div class="col-md-4 eng_sh">
                                    <div class="form-group">
                                        <label for="name">{{ __("jamia.price")}}</label>
                                         <input type="number" id="price" name="price"  class="form-control" step="any" required>

                                    </div>
                                </div>
                                <div class="form-group col-md-3">
                                    <label class="form-control-label" for="input-email">{{ __('jamia.Is_stock') }}</label>
                                    <input type="checkbox" class="is_stock" name='is_stock' id="is_stock">
                                </div>
                                <div class="col-md-2 stock_div" style="display: none;">
                                    <div class="form-group">
                                        <label for="name">{{ __("jamia.stock")}}</label>
                                        <input type="number" id="stock" name="stock"  class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <input type="file" name="img">
                                </div><br>
                               
                                <div class="col-md-12 p-3">
                                    <input type="submit" value="{{ __("jamia.add") }}" class="btn btn-primary" >
                                </div>
                            </div>
                        </form>
                      </div>
                    </div>
                  </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
<script src="{{ asset('ckeditor/ckeditor.js') }}"></script>
<script>
$(document).ready(function() {
$('.is_stock').click(function () {
   var isChecked = $(this).prop('checked');
   if(isChecked == true)
   {
       $('.stock_div').show();
       $("#stock").prop("required", true);
   }else{
       $('.stock_div').hide();
       $("#stock").prop("required", false);
   }
});
$(".name_chk").on("input", function() {
    var inputValue = $(this).val();
    var englishRegex = /^[a-zA-Z\s]*$/; 

    if (!englishRegex.test(inputValue)) {
          
       $("#errorMessage").hide();
    } else {
          
       $("#errorMessage").show();
    }
});
});
</script> 
@endsection