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

@section('title')
<title>{{config('constants.APP_NAME')}} Manage Custom Title</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">Custom Title</h1>
                </div><!-- /.col -->

                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active"> Manage Custom Title</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="addCustomtitle" method="post" action="{{ route('admin.customtitle.save')}}" enctype="multipart/form-data">
                            @csrf
                           
                            <div class="card-body">
                                <div class="row">
                                    @if(isset($custom_titles) && !empty($custom_titles))
                                        @foreach($custom_titles as $key=>$custom_title)
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="site_title">{{$key}}</label>
                                                <input type="text" name="custom_title[{{$key}}]" class="form-control" placeholder="" value="{{ Config::get('customtitles.'.$key); }}">
                                            </div>
                                        </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                                <!-- <a href="{{route('admin.service.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')

<script>
    $(function() {

        $("#homepage").change(function() {
            var value = $(this).val();
            if (value == 1)
                $("#homepage2-show").addClass('d-none');
            else
                $("#homepage2-show").removeClass('d-none');


            //alert( $(this).val());
        });



        $('#addService').validate({
            rules: {
                service_name: {
                    required: true,
                    remote: {
                        url: "{{ route('admin.service.check.name')}}",
                        type: "get",
                        data: {
                            'service_id': "{{ (isset($service->service_id) && $service->service_id!='')?$service->service_id:0 }}",
                            service_name: function() {
                                return $("#service_name").val();
                            }
                        },
                        dataType: 'json'
                    }
                },
            },
            messages: {
                service_name: {
                    required: "Please enter service name",
                    remote: "This service name is already registered. Please try with another one"
                }
            },
            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');
            }
        });


        // Cropie //
        //  $profile_picture_crop = $('#picture_demo').croppie({
        //     enableExif: true,
        //     viewport: {
        //         width: 320,
        //         height: 356,
        //         type: 'square' //circle
        //     },
        //     boundary: {
        //         width: 300,
        //         height: 300
        //     }
        // });
        // $('#upload_image_path').on('change', function() {
        //     var reader = new FileReader();
        //     reader.onload = function(event) {
        //         $profile_picture_crop.croppie('bind', {
        //             url: event.target.result
        //         }).then(function() {
        //             console.log('jQuery bind complete');
        //         });
        //     }
        //     reader.readAsDataURL(this.files[0]);
        //     $('#upload_pictureLogoModal').modal('show');
        // });
        // $('.crop_picture').click(function(event) {
        //     $profile_picture_crop.croppie('result', {
        //         type: 'canvas',
        //         size: 'viewport'
        //     }).then(function(response) {
        //         $('#upload_pictureLogoModal').modal('hide');
        //         $('#picture_encoded_str').val(response);
        //         $('.preview_image').html('<img src="' + response + '" style="height:100px; width:100px; margin-top: 15px; border: 2px solid #627cff;">');
        //     })
        // });
    });
</script>
@endsection