@extends('layouts.app')

@section('page_css')
    @parent

@endsection

@section('theme_css')
@endsection
<!-- START @PAGE CONTENT -->

@section('content')

    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 lg:col-span-9">
            <div class="intro-y box">
                <div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto ml-6">Update Web Notice</h2>
                </div>
                <form  id="web_notice_form" action="{!! tokenize_url(route('admin.master.web_notice.update'),['id' => @$web_notice[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 class="col-span-12"> 
                            <label for="web_notice_title" class="form-label">
                                Title
                            </label> 
                            <input id="web_notice_title" name="web_notice_title" type="text" class="form-control"   placeholder="Title" value="{{@$web_notice[0]['title']}}"> 
                        </div>

                        <div class="col-span-12"> 
                            <label for="web_notice_url" class="form-label">url
                                <span id="web_notice_url_error" class="asterisk">*@error('web_notice_url')please provide valid url @enderror</span>
                            </label> 
                            <textarea id="web_notice_url" name="web_notice_url" rows="3" cols="50" class="form-control">{{ $web_notice[0]['url'] }}</textarea>
                        </div>

                        <div class="col-span-12">
                            <div class="form-check">
                                <label class="form-label">Image<span id="web_notice_image_error" class="asterisk">@error('web_notice_image') please provide valid image @enderror</span></label>
                            </div>
                            <div class="control-group mt-2">
                                <input id="web_notice_image" name="web_notice_image" type="file"/>
                                 <a id="web_notice_image_view" href="javascript:;" class="btn btn-outline-primary inline-block mb-2 w-24" web_notice_pic_name="{{ $web_notice[0]['image'] }}" style="margin-right: 10rem;">View Pic</a>
                            </div>
                        </div>

                        <div class="col-span-12"> 
                            <label for="web_notice_apply_now_url" class="form-label">Apply Now Url
                                <span id="web_notice_apply_now_url_error" class="asterisk">*@error('web_notice_apply_now_url') please provide valid url @enderror</span>
                            </label> 
                            <textarea id="web_notice_apply_now_url" name="web_notice_apply_now_url" rows="3" cols="50" class="form-control">{{ $web_notice[0]['apply_now_url'] }}</textarea>
                        </div>

                        <div class="col-span-12">
                            <div class="form-check mt-2">
                                @php
                                    $is_apply_now_enable_checked="";
                                    if($web_notice[0]['is_apply_now_enable']=='Y')
                                        $is_apply_now_enable_checked="checked";
                                @endphp 
                                <label class="w-32" for="web_notice_is_apply_now_enable">
                                    Apply Now Enable
                                </label>
                                <input {{$is_apply_now_enable_checked}} id="web_notice_is_apply_now_enable" name="web_notice_is_apply_now_enable" class="form-check-input" type="checkbox" value="Y">
                            </div>       
                        </div>

                        <div class="col-span-12">
                            <div class="form-check mt-2">
                                @php
                                    $home_page_active_checked="";
                                    if($web_notice[0]['home_page_active']=='Y')
                                        $home_page_active_checked="checked";
                                @endphp  
                                <label class="w-32" for="web_notice_home_page_active">
                                    Home Page Active
                                </label>
                                <input {{$home_page_active_checked}} id="web_notice_home_page_active" name="web_notice_home_page_active" class="form-check-input" type="checkbox" value="Y">
                            </div>       
                        </div>

                        <div class="col-span-12">
                            <div class="form-check mt-2">
                                @php
                                    $apply_now_page_active_checked="";
                                    if($web_notice[0]['apply_now_page_active']=='Y')
                                        $apply_now_page_active_checked="checked";
                                @endphp   
                                <label class="" for="web_notice_apply_now_page_active" style="width:10rem;">
                                    Apply Now Page Active
                                </label>
                                <input {{$apply_now_page_active_checked}} id="web_notice_apply_now_page_active" name="web_notice_apply_now_page_active" class="form-check-input" type="checkbox" value="Y">
                            </div>       
                        </div>
            
                        <div class="col-span-12">
                            <div class="form-check mt-2">
                                @php
                                    $is_active_checked="";
                                    if($web_notice[0]['is_active']=='Y')
                                        $is_active_checked="checked";
                                @endphp  
                                <label class="w-16" for="web_notice_is_active">
                                    Is Active
                                </label>
                                <input {{$is_active_checked}} id="web_notice_is_active" name="web_notice_is_active" class="form-check-input" type="checkbox" value="Y">
                            </div>       
                        </div>

                        <div class="intro-y col-span-12 flex items-center mt-5 mb-10 margin-center">
                            <a href="{!! route('admin.master.web_notice') !!}" class="btn btn-primary w-44 ml-2">Cancel</a>
                            <button type="submit" id="web_notice_form_submit"  class="btn btn-primary w-44 ml-2">Update</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <!-- profile pic models start -->
    <div id="web_notice_image_modal" class="modal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="font-medium text-base mr-auto">Web Notice Image</h2>
                </div> <!-- END: Modal Header -->
                <div class="modal-body grid grid-cols-12 gap-4 gap-y-3">
                    <div class="col-span-12 sm:col-span-12 px-5 mx-auto"> 
                        <img id="web_notice_image_img" src="" style="height:16rem;object-fit: contain;"/>
                    </div>
                </div>
                <!-- BEGIN: Modal Footer -->
                <div class="modal-footer text-right"> 
                    <button type="button" data-dismiss="modal" class="btn btn-outline-secondary w-20 mr-1">Close</button> 
                </div> <!-- END: Modal Footer -->
            </div>
        </div>
    </div>                                     
    <!--profile pic models end -->
      
@endsection


@section('plugin_scripts')

@endsection

@section('page_scripts')
    @parent
 <script>
 
    $(document).ready(function(){
       
       $("#web_notice_form_submit").click(function(e){
            if($("#web_notice_url").val()=="")
            {
                e.preventDefault();
                $("#web_notice_url_error").text("* please provide valid url");   
            }
            if($("#web_notice_apply_now_url").val()=="")
            {
                e.preventDefault();
                $("#web_notice_apply_now_url_error").text("* please provide valid url");   
            }
        });     

        $('#web_notice_image_view').click(function(){
            var pic_name=$('#web_notice_image_view').attr("web_notice_pic_name");
            var full_path="{{asset('uploads/web_notice_images')}}"+"/"+pic_name;
            $('#web_notice_image_img').attr('src',full_path);
            cash('#web_notice_image_modal').modal('show');
        });           
    });
</script>
    
@endsection
<!--/ END PAGE CONTENT -->