@extends('Admin.Layout.Master')

@section('css')
    <style type="text/css">

    </style>
@endsection

@section('content-header')
    <div class="header py-1">
        <div class="container-fluid">
            <div class="header-body ">
                <div class="row">
                    <div class="col-lg-6 col-7 text-primary text-left">
                        <nav aria-label="breadcrumb" class="d-none d-md-inline-block">
                            <ol class="breadcrumb breadcrumb-links">
                                <li class="breadcrumb-item">
                                    <a href="#"><i class="fas fa-home text-primary"></i>
                                        Blogs
                                    </a>
                                </li>
                            </ol>
                        </nav>
                    </div>
                    <div class="col-lg-6 col-5 text-right">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('content')
    <form id="main-form" action="{{ !$id ? url($url) : url($url . '/' . $id) }}" method="post" enctype="multipart/form-data">
        @csrf
        @if ($id)
            @method('put')
        @endif

        <div class="card card-body">
            
            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Title : <span class="text-danger">*</span></label>
                </div>
                <div class="col-md-6 text-left">
                    <div class="form-group">
                        <input type="text" class="form-control form-control-sm alphaNumeric" 
                                id="service_name"
                                name="title"
                                value="{{ old('title') ? old('title') : ($blog ? $blog->title : '') }}"
                                oninput="generate_slug(this.value)"
                                required>
                        @error('title')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div> <!-- SERVICE NAME-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Slug : <span class="text-danger">*</span></label>
                </div>
                <div class="col-md-6 text-left">
                    <div class="form-group">
                        <input type="text" class="form-control form-control-sm alphaNumeric" 
                                id="slug"
                                name="slug"
                                value="{{ old('slug') ? old('slug') : ($blog ? $blog->slug : '') }}"
                                required>
                        @error('slug')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div> <!-- SERVICE NAME-->


        @if($id)
            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Status :</label>
                </div>
                <div class="col-md-3 text-left d-flex justify-content-start">
                    <div class="">
                        <input type="radio" id="is_active_1" name="is_active" value="1"
                            {{ $blog ? ($blog->is_active == 1 ? 'checked' : '') : 'checked' }}>
                        Active
                    </div>
                    <div class="form-group ml-3">
                        <input type="radio" id="is_active_0" name="is_active" value="0"
                            {{ $blog && $blog->is_active == 0 ? 'checked' : '' }}>
                        Deactive
                    </div>
                </div>
            </div> <!--STATUS-->
        @endif

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label">  Remark :</label>
                </div>
                <div class="col-md-6 text-left">
                    <div class="form-group">
                        <input type="text" class="form-control form-control-sm input_text alpha" id="remark"
                            name="remark" value="{{ old('remark') ? old('remark') : ($blog ? $blog->remark : '') }}">
                        @error('remark')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div> <!--REMARK-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label">  Image :</label>
                </div>
                <div class="col-md-6 text-left">
                    <div class="form-group">
                        <input type="file" class="form-control form-control-sm"
                            id="image" 
                            name="image"
                        >
                    </div>
                </div>
            </div><!--IMAGE -->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label">  Description :</label>
                </div>
                <div class="col-md-9 text-left">
                    <div class="form-group">
                        <textarea
                            class="form-control form-control-sm" 
                            id="description"
                            name="description">{{ old('description') ? old('description') : ($blog ? $blog->description : '') }}</textarea>
                        @error('description')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div> <!--DESCRIPTION-->

        </div> <!--CARD-->


        <div class="card p-0 mt--4 p-0">
            <div class="card-body p-2 text-center">
                @if (!$id)
                    <button type="submit" name="button_type" value="SAVE" class="btn btn-primary btn-sm">Save</button>
                    <button type="submit" name="button_type" value="SAVE_AND_ADD_ANOTHER"
                        class="btn btn-primary btn-sm">Save & Add Another</button>
                @endif

                @if($id)
                    <button type="submit" name="button_type" value="UPDATE" class="btn btn-primary btn-sm">Update</button>
                @endif

                <a href="{{ url($url) }}" class="btn btn-danger btn-sm">Cancel</a>
            </div>
        </div>

    </form>
@endsection


@push('footer_scripts_after_init')
    <script>
        CKEDITOR.replace("description")
        function generate_slug(name) {
            var slug = name.toLowerCase();
            slug = slug.replace(/[\s?]+/g, '-').replace(/[^\w\-]+/g, '');
            document.getElementById('slug').value = slug;
        }
    </script>
@endpush