@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>
                                        Master
                                    </a>
                                </li>
                                <li class="breadcrumb-item"><a href="#">Service</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"> Category : <span class="text-danger">*</span></label>
                </div>
                <div class="col-md-6 text-left">
                    <div class="form-group">
                        <select class="form-control form-control-sm"
                                id="category_id"
                                name="category_id"
                                required
                                >
                            <option value="">Select Category</option>
                            @if(count($categories))
                                @foreach($categories as $category)
                                    <option value="{{ $category->uid }}"                                         
                                        {{ (
                                            (old('category_id') == $category->uid) 
                                            || 
                                            (Session::has('category_id') && Session::get('category_id')==$category->uid)
                                            || 
                                            ($service && $service->category_id == $category->uid)
                                            ) 
                                            ? 'selected' : '' 
                                        }}
                                        >
                                        {{ $category->label }}
                                    </option>
                                @endforeach
                            @endif   
                        </select>
                        @error('category_id')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div><!--Category-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Service Name : <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="service_name"
                                value="{{ old('service_name') ? old('service_name') : ($service ? $service->service_name : '') }}"
                                oninput="generate_slug(this.value)"
                                required>
                        @error('service_name')
                            <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') : ($service ? $service->slug : '') }}"
                                required>
                        @error('slug')
                            <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"> Show On Website : <span class="text-danger">*</span></label>
                </div>
                <div class="col-md-3 text-left d-flex justify-content-start">
                    <div class="">
                        <input type="radio" id="show_on_website_1" name="show_on_website" value="1"
                            {{ $service ? ($service->show_on_website == 1 ? 'checked' : '') : 'checked' }}>
                        Yes
                    </div>
                    <div class="form-group ml-3">
                        <input type="radio" id="show_on_website_0" name="show_on_website" value="0"
                            {{ $service && $service->show_on_website == 0 ? 'checked' : '' }}>
                        No
                    </div>
                </div>
            </div> <!--SHOW ON WEBSITE-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Service Cost : <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_cost"
                                name="service_cost"
                                value="{{ old('service_cost') ? old('service_cost') : ($service ? $service->service_cost : '') }}"
                                required>
                        @error('service_cost')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div> <!-- SERVICE COST-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Display Cost : </label>
                </div>
                <div class="col-md-6 text-left">
                    <div class="form-group">
                        <input type="text" class="form-control form-control-sm alphaNumeric" 
                                id="display_cost"
                                name="display_cost"
                                value="{{ old('display_cost') ? old('display_cost') : ($service ? $service->display_cost : '') }}"
                                >
                        @error('display_cost')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div> <!-- DISPLAY COST-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Icon : <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_icon"
                                name="service_icon"
                                value="{{ old('service_icon') ? old('service_icon') : ($service ? $service->service_icon : '') }}"
                                required>
                        @error('service_icon')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div> <!-- DISPLAY COST-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Show On Menu :</label>
                </div>
                <div class="col-md-3 text-left d-flex justify-content-start">
                    <div class="">
                        <input type="radio" id="show_on_menu_1" name="show_on_menu" value="1"
                            {{ $service && $service->show_on_menu == 1 ? 'checked' : '' }}
                            onchange="changeReadonlyForDisplayName(false,'display_name_on_menu')"
                        >
                        Yes
                    </div>
                    <div class="form-group ml-3">
                        <input type="radio" id="show_on_menu_0" name="show_on_menu" value="0"
                            {{ $service ? ($service->show_on_menu == 0 ? 'checked' : '') : 'checked' }}
                            onchange="changeReadonlyForDisplayName(true,'display_name_on_menu')"    
                            >
                        No
                    </div>
                </div>
                <div class="col-md-3">
                    <input type="text" class="form-control form-control-sm"
                        id="display_name_on_menu"
                        name="display_name_on_menu" 
                        value="{{ $service ? $service->display_name_on_menu : NULL}}"
                        placeholder="Display name on menu"
                        @if($service && $service->show_on_menu == 0)
                                readonly
                        @endif
                    >
                </div>
            </div> <!--SHOW ON MENU-->
            
            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Show On Services Menu :</label>
                </div>
                <div class="col-md-3 text-left d-flex justify-content-start">
                    <div class="">
                        <input type="radio" id="show_on_service_menu_1" name="show_on_service_menu" value="1"
                            {{ $service ? ($service->show_on_service_menu == 1 ? 'checked' : '') : 'checked' }}
                            onchange="changeReadonlyForDisplayName(false,'display_name_on_service_menu')"    
                        >
                        Yes
                    </div>
                    <div class="form-group ml-3">
                        <input type="radio" id="show_on_service_menu_0" name="show_on_service_menu" value="0"
                            {{ $service && $service->show_on_service_menu == 0 ? 'checked' : '' }}
                            onchange="changeReadonlyForDisplayName(true,'display_name_on_service_menu')"        
                        >
                        No
                    </div>
                </div>
                <div class="col-md-3">
                    <input type="text" class="form-control form-control-sm"
                            id="display_name_on_service_menu"
                            name="display_name_on_service_menu" 
                            value="{{$service ? $service->display_name_on_service_menu : NULL}}"
                            placeholder="Display name on Service Menu"
                            @if($service && $service->show_on_service_menu == 0)
                                readonly
                            @endif
                    >
                </div>
            </div> <!--SHOW ON SERVICE MENU-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label"> Show On Offerings :</label>
                </div>
                <div class="col-md-3 text-left d-flex justify-content-start">
                    <div class="">
                        <input type="radio" id="show_on_offering_1" name="show_on_offering" value="1"
                            {{ $service ? ($service->show_on_offering == 1 ? 'checked' : '') : 'checked' }}
                            onchange="changeReadonlyForDisplayName(false,'display_name_on_offering')"
                            >
                        Yes
                    </div>
                    <div class="form-group ml-3">
                        <input type="radio" id="show_on_offering_0" name="show_on_offering" value="0"
                            {{ $service && $service->show_on_offering == 0 ? 'checked' : '' }}
                            onchange="changeReadonlyForDisplayName(true,'display_name_on_offering')"
                            >
                        No
                    </div>
                </div>
                <div class="col-md-3">
                    <input type="text" class="form-control form-control-sm"
                            id="display_name_on_offering"
                            name="display_name_on_offering" 
                            value="{{$service ? $service->display_name_on_offering : NULL}}"
                            placeholder="Display name on Offering"
                            @if($service && $service->show_on_offering == 0)
                                readonly
                            @endif
                    >
                </div>
            </div> <!--SHOW ON OFFERING-->

        @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"
                            {{ $service ? ($service->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"
                            {{ $service && $service->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') : ($service ? $service->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">Short Description : <br><small>(Max 225 Characters)</small></label>
                </div>
                <div class="col-md-6 text-left">
                    <div class="form-group">
                        <textarea
                            class="form-control form-control-sm" 
                            id="short_description"
                            name="short_description"
                            maxlength="225"
                            >{{ old('short_description') ? old('short_description') : ($service ? $service->short_description : '') }}</textarea>
                        @error('short_description')
                            <small class="text-danger"><b>{{ $message }}</b></small>
                        @enderror
                    </div>
                </div>
            </div> <!--Short DESCRIPTION-->

            <div class="row m-0">
                <div class="col-md-3 text-right">
                    <label class="form-control-label">  Description :</label>
                </div>
                <div class="col-md-6 text-left">
                    <div class="form-group">
                        <textarea
                            class="form-control form-control-sm" 
                            id="description"
                            name="description">{{ old('description') ? old('description') : ($service ? $service->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)
                    @if($previous)
                        <input type="hidden" name="previousId" value="{{$previous->uid}}">
                        <button type="submit" name="button_type" value="UPDATE_AND_SHOW_PREVIOUS" class="btn btn-primary btn-sm">Update & Show Previous</button>
                    @endif

                    <button type="submit" name="button_type" value="UPDATE" class="btn btn-primary btn-sm">Update</button>

                    @if($next)
                        <input type="hidden" name="nextId" value="{{$next->uid}}">
                        <button type="submit" name="button_type" value="UPDATE_AND_SHOW_NEXT" class="btn btn-primary btn-sm">Update & Show Next</button>
                    @endif
                @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, '-');
            document.getElementById('slug').value = slug;
        }
        
        function changeReadonlyForDisplayName(readOnly,id){
            $('#'+id).attr('readonly',readOnly);
        }
    </script>
@endpush