@extends('layouts.app')

<!-- START @PAGE CONTENT -->

@section('content')

    <!-- breadcrumb start -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
              <a href="#">Master</a>
            </li>
            <li class="breadcrumb-item active">Event Type</li>
            <li class="breadcrumb-item active">Edit</li>
        </ol>
    </nav>
    <!-- breadcrumb end --> 
     
    <!-- Basic Bootstrap Table -->
      <div class="card">
        <div class="card-header border-bottom">
            <h5 class="col-md-10">Edit Event Type</h5>
        </div>
        <div class="card-body">
          <form  id="event_type_form" action="{!! tokenize_url(route('admin.master.event_type.update'),['id' => $event_type[0]['id']]) !!}" method="post" enctype="multipart/form-data">
                 @csrf
                <div class="grid grid-cols-12 gap-4 gap-y-5 mt-5 px-5">
                    <div div class="mb-3"> 
                        <label for="event_type_title" class="form-label">Event Type
                            <span id="event_type_title_error" class="asterisk">*@error('event_type_title')please provide event type @enderror</span>
                        </label> 
                        <input id="event_type_title" name="event_type_title" type="text" class="form-control" value="{{$event_type[0]['title']}}" placeholder="Event Type"> 
                    </div>

                    <div class="mb-3">
                        <a href="{!! route('admin.master.event_type') !!}" class="btn btn-sm btn-primary w-44 ml-2">Cancel</a>
                        <button type="submit" id="event_type_form_submit"  class="btn btn-sm btn-primary w-44 ml-2">Update</button>
                    </div>
                </div>
            </form> 
        </div>
        <div class="table-responsive text-nowrap"> 
        </div>
    </div> 

 
@endsection

 

@section('page_scripts')
    @parent
 <script>

    $(document).ready(function(){
        $("#event_type_form_submit").click(function(e){
            let event_type_title=$("#event_type_title").val();
            if(event_type_title=="")
            {
                e.preventDefault();
                $("#event_type_title_error").text("title is empty");   
            }
            else if(duplicateEventTypeCheck(event_type_title)=="yes")
            {
                e.preventDefault();
                $("#event_type_title_error").text("title already exist");
            }
        });
        
        function duplicateEventTypeCheck(event_type_title)
        {
            let event_title_before_update=@JSON($event_type[0]['title']);
            let event_type_titles=@JSON($event_type_titles);
            if(event_type_title==event_title_before_update)
            {
                return 'no';
            }
            for(let _event_type_title of event_type_titles)
            {
                if(_event_type_title.title == event_type_title)
                {
                    return 'yes';
                }
            }
            return 'no';
        }
                      
    });
</script>
    
@endsection
<!--/ END PAGE CONTENT -->