@extends('layouts.stores_dashboard_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?'Add menu  ':'   اضافة منيو '}}

@endsection


@section('content')


            <div  class="table-cont p-2 ">
                <div class="row align-items-center">
                    <div class="dash-title col-md p-0 mt-0">
                        <h6 class="bold">{{trans('stores_dashboard.add_menu')}}</h6>
                        <p class="mb-1">{{trans('stores_dashboard.add_menu_desc')}}</p>
                    </div>
                </div>
 

                <form id="postForm">
                  @csrf    
                    <div class=" white-bg round7 mb-3 mt-2 p-3">
                        <h6 class="bold border-bottom pt-3 pb-3 mb-4">{{trans('stores_dashboard.add_category_info')}}</h6>

                        <div class="w-md-75 ">            
                            <input type="hidden" name="store_id" value="{{$store->id}}">
                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.name_in_ar')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="name_ar" type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder=" {{trans('stores_dashboard.name_in_ar')}}">
                            </div>
            
            
                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.name_in_en')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="name_en" type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder=" {{trans('stores_dashboard.name_in_en')}} ">
                            </div>
            
        
            


                    <button id="postbtn" class="button1 w-100 mt-3 material-button" >{{trans('stores_dashboard.confirm')}}</button>

                   
                </form>
        

            </div>

@endsection

@section('scripts')


    <script>
        $("#postbtn").on('click',function(e){
            e.preventDefault();
            var form = $('#postForm').get(0);
            var formData = new FormData(form);
            var oldText = $(this).text();
            $(this).prop('disabled', true).css({
                opacity:'0.5'
            }).text("{{trans('stores_dashboard.loading')}}");

            $.ajax({
                url:"{{route('stores_dashboard.post_add_menu')}}",
                type:"POST",
                data: formData,
                dataType: "json",
                processData: false,
                contentType: false,
                cache: false,
                success:function(data){
                    $('#postbtn').removeAttr("disabled").css({
                        opacity:'1'
                    }).text(oldText);
                    if(data.key =='success'){
                        Swal.fire({
                            title: data.msg,
                            position:'top',
                            timer: 15000,
                            type:'success',
                            showCloseButton: false,
                            showConfirmButton:false,
                            animation: true
                        })
                        location.assign(data.url);
                    }else{
                        Swal.fire({
                            title: data.msg,
                            position:'top',
                            timer: 3000,
                            type:'error',
                            showCloseButton: false,
                            showConfirmButton:false,
                            animation: true
                        })
                    }
                }
            });
        });
    </script>

@endsection