@extends('layouts.app_admin')

@section('content')

<!-- sidebar-wrapper  -->
<main class="page-content course_page">
   <div class="container-fluid">
      <div class="breadcrumb1">
         <ul>
            <li><a href="{{ url('admin-dashboard') }}">Dashboard ></a></li>
            <li><a href="{{ url('landing-page-master') }}">Page List ></a></li>
            <li>Add Page</li>
         </ul>
      </div>

      <!-- Breadcumb End -->
      <div class="form-wrapper add-field">
        @include('admin.session_message.error')
         <form id="tendor-form" action="" method="POST" >
            @csrf
          
            <div class="row">
              <div class="col-md-4">
               <label for="staff_type_id">Staff Type<span class="maditory_star">*</span></label>
              </div>

              <div class="col-md-8">            
                <div class="select-box">
                  <select  class="select2 form-control" name="staff_type_id" id="staff_type_id" data-rule-required="true" data-msg-required="Please select staff type">
                      <option value="">Select Staff Type</option>
                      @foreach($staff as $val)
                      <option value="{{ $val->staff_type_id }}">{{ $val->staff_type_name }}</option>
                      @endforeach
                  </select>
                  <span for="staff_type_id" class="error_validate"></span>
              </div>
              </div>
            </div>

             <div class="row">
              <div class="col-md-4">
               <label for="menu_type_id">Menu Type<span class="maditory_star">*</span></label>
              </div>

              <div class="col-md-8">            
                <div class="select-box">
                  <select  class="select2 form-control" name="menu_type_id" id="menu_type_id" data-rule-required="true" data-msg-required="Please select menu type">
                      <option value="">Select menu Type</option>
                      @foreach($menu as $val)
                      <option value="{{ $val->menu_id }}">{{ $val->menu_name }}</option>
                      @endforeach
                  </select>
                  <span for="menu_type_id" class="error_validate"></span>
              </div>
              </div>
            </div>
 



        <div class="row">
            <div class="col-md-4">
            <label for="status">Status<span class="maditory_star">*</span></label>
        </div>
          <div class="col-md-8">
            <div class="select-box">
              <select class="select2" name="status" id="status" data-rule-required="true" data-msg-required="Please select status">
                <option value="" selected>Select Status</option>
                <option value="active">Active</option>
                <option value="inactive">Inactive</option>
              </select>
               <span for="status" class="error_validate"></span>
            </div>
          </div>
        </div>
          
            <div class="row">
              <div class="col-md-9 offset-md-3">
                <div class="text-center form-btn">
                  <button type="submit" class="common-btn active">Add</button>
                  <a href="{{ url('/landing-page-master') }}" class="common-btn">Cancel</a>
                </div>
              </div>
            </div>

         </form>
      </div>
   </div>
   <!-- container fluid -->
</main>
<!-- page-content" -->
</div>
<!-- page-wrapper -->
<script src="{{ url('/public/admin_assets/developer_validate/jquery.validate.min.js')}}"></script>
<script src="{{ url('/public/admin_assets/developer_validate/custom_validate.js')}}"></script>


  <script type="text/javascript">
   $('#tendor-form').validate({
       onfocusout: function(element) {
       this.element(element);
       },
       errorClass: 'error_validate',
       errorElement:'span',
       highlight: function(element, errorClass) {
       $(element).removeClass(errorClass);

       },
       submitHandler:function(form)
       {
   
      $('#page_sub_btn').prop("disabled", true);
      form.submit();
       }
   });


    $(document).on('click', '.browse', function(){
    var file = $(this).parent().parent().parent().find('.file');
    file.trigger('click');
   });
   $(document).on('change', '.file', function(){
    $(this).parent().find('.form-control').val($(this).val().replace(/C:\\fakepath\\/i, ''));
   });
   

    /******For Convert In Hindi Text Start*********/

      function get_my_hindi_text(get_text,get_attr){

          if(get_text != ''){

            var get_attr_id = $(get_attr).attr("id");
            // alert(get_attr_id);
            if (get_attr_id == 'hotel_name_en') {

              $("#hotel_name_hn").attr("disabled","disabled");

              $('#loader_div_element').css('display','block');

              $.ajax({
                
                  type:'POST',
                 
                  url:'{{url("/hindi-translate-method1")}}',
                 
                  data:{ get_english_text : get_text, "_token" : '