@extends('../../master_layout/admin_master')

@section('custom_css')
<!-- summernote -->
<link rel="stylesheet" href="{{asset('public/backend_assets/plugins/summernote/summernote-bs4.min.css')}}">
@endsection

@section('title')
<title>{{config('constants.APP_NAME')}} {{ ($edit)?'Edit':'Add' }} CMS</title>
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">{{ ($edit)?'Edit':'Add' }} CMS</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.cms.list')}}" target="">CMS</a></li>
                        <li class="breadcrumb-item active"> {{ ($edit)?'Edit':'Add' }} CMS</li>
                    </ol>
                </div>

                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <!--  -->
                    <div class="card card-primary">
                        <!-- form start -->
                        <form id="addPatientcare" method="post" action="{{ route('admin.cms.save')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="cms_id" id="" value="{{ ($edit)?$cms->cms_id:0 }}">
                            <input type="hidden" class="form-control" id="uploaded_image" name="uploaded_image" value="">
                            <div class="card-body">
                                <div class="row">

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="cms_title">CMS Title</label>
                                            <input type="text" name="cms_title" class="form-control" id="cms_title" placeholder="Cms Title" {{($edit)?'readonly':''}} value="{{ ($edit)?$cms->cms_title:old('cms_title')}}">
                                        </div>
                                        @if ($errors->has('cms_title'))
                                        <span class="text-danger">{{ $errors->first('cms_title') }}</span>
                                        @endif

                                    </div>


                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="cms_description"> CMS Description</label>
                                            <textarea name="cms_description" id="cms_description">{{ ($edit)?$cms->cms_description:old('cms_description')}}</textarea>
                                        </div>
                                        @if ($errors->has('cms_description'))
                                        <span class="text-danger">{{ $errors->first('cms_description') }}</span>
                                        @endif
                                    </div>

                        

                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                                <a href="{{route('admin.cms.list')}}" class="btn btn-dark float-right">Back</a>
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->

            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
</div>


@endsection

@section('custom_js')
<!-- Summernote -->
<script src="{{asset('public/backend_assets/plugins/summernote/summernote-bs4.min.js')}}"></script>

<script>
    $(function() {

        $('#cms_description').summernote({
            placeholder: "CMS Description",
            tabsize: 2,
            height: 500
        })


        $('#addAdmin').validate({
            rules: {
                first_name: {
                    required: true,
                },

                last_name: {
                    required: true,
                },


                email: {
                    required: true,
                    email: true,
                    remote: {
                        url: "{{ route('admin.user.check.email')}}",
                        type: "get",
                        data: {
                            'admin_id': "{{ (isset($admin->admin_id) && $admin->admin_id!='')?$admin->admin_id:0 }}",
                            email: function() {
                                return $("#email").val();
                            }
                        },
                        dataType: 'json'
                    }
                },

                contact_number: {
                    number: true,
                    maxlength: 10,
                    minlength: 10,
                    remote: {
                        url: "{{ route('admin.user.check.contact.number')}}",
                        type: "get",
                        data: {
                            'admin_id': "{{ (isset($admin->admin_id) && $admin->admin_id!='')?$admin->admin_id:0 }}",
                            contact_number: function() {
                                return $("#contact_number").val();
                            }
                        },
                        dataType: 'json'
                    }
                },
                admin_type: {
                    required: true,
                }
            },
            messages: {
                first_name: {
                    required: "Please enter first name",
                },
                last_name: {
                    required: "Please enter last name",
                },
                email: {
                    required: "Please enter email",
                    remote: "This email is already registered. Please try with another one"
                },

                contact_number: {
                    //required: "Please enter a event name",
                    remote: "This contact number is already registered. Please try with another one"
                },

                admin_type: {
                    required: "Please select admin type",
                }


            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });
    });
</script>
@endsection