@extends('layouts.app')

@section('page_css')
    @parent
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/select2/select2.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/flatpickr/flatpickr.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/jquery-timepicker/jquery-timepicker.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/pickr/pickr-themes.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/dropzone/dropzone.css') }}" />
    <style>
        .asterisk
        {
            color:red;
        }
    </style>
@endsection

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <!-- breadcrumb start -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
              <a href="#">Master</a>
            </li>
            <li class="breadcrumb-item active">Rating Type</li>
            <li class="breadcrumb-item active">Add</li>
        </ol>
    </nav>
    <!-- breadcrumb end -->

    <!-- Sticky Actions -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div
                  class="card-header sticky-element bg-label-secondary d-flex justify-content-sm-between align-items-sm-center flex-column flex-sm-row"
                >
                    <h5 class="card-title mb-sm-0 me-2">Add New Rating Type</h5>
                    <div class="action-btns">
                        <a href="{!! route('admin.master.rating_type') !!}" class="btn btn-sm btn-label-primary me-3">
                            <span class="align-middle">
                                Back to Listing
                            </span>
                        </a>
                        <button type="submit" id="rating_type_form_submit" form="rating_type_form" class="btn btn-sm btn-primary"> 
                            Save
                        </button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-8 mx-auto">      
                            <form id="rating_type_form" action={{ route('admin.master.rating_type.store') }} method="post" enctype="multipart/form-data">
                             @csrf
                                <div class="mb-3">
                                    <label for="rating_type_title" class="form-label">Rating Type
                                        <span id="rating_type_title_error" class="asterisk">*@error('rating_type_title')please provide rating type @enderror</span>
                                    </label> 
                                    <div class="input-group input-group-merge">
                                        <span id="rating_type_title2" class="input-group-text"
                                          ><i class="ti ti-user"></i
                                        ></span>
                                        <input
                                          type="text"
                                          class="form-control"
                                          id="rating_type_title"
                                          name="rating_type_title"
                                          placeholder="Rating Type"
                                          aria-label="Rating Type"
                                          aria-describedby="rating_type_title2"
                                        />
                                    </div>
                                </div>    
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('page_scripts')
@parent
<script src="{{ asset('assets/js/form-layouts.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/moment/moment.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/jquery-sticky/jquery-sticky.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/select2/select2.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/flatpickr/flatpickr.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/jquery-timepicker/jquery-timepicker.js') }}"></script>
<script src="{{ asset('assets/vendor/libs/pickr/pickr.js') }}"></script>
<script>
   $(document).ready(function(){
        function rating_type_validation()
        {
            var rating_type_title=$('#rating_type_title').val();
            var isDuplicate="N";
            $.ajax({
                type: "post",
                url:"{{route('admin.master.rating_type.get_rating_type_validation')}}",
                data: {"_token": "{{ csrf_token() }}"},
                async: false,
                success:function(rating_type)
                {          
                    for(var _rating_type of rating_type)
                    {
                        if(_rating_type.title==rating_type_title)
                        {
                            $("#rating_type_title_error").text("* rating type already exist");
                            isDuplicate='Y';
                            break;
                        }   
                    }
                }
            }).done(function(){
            });
            return isDuplicate;
        }

        $("#rating_type_form_submit").click(function(e){
            let rating_type_title=$("#rating_type_title").val();
            if(rating_type_title=="")
            {
                e.preventDefault();
                $("#rating_type_title_error").text("title is empty");   
            }
            var isDuplicate=rating_type_validation();
            if(isDuplicate=="Y")
            {
                e.preventDefault();
            }
        });
    });
</script>
 
@endsection
<!--/ END PAGE CONTENT -->