במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

@extends("layouts.admin_app")
@section("pageTitle",' Service '.$ActionType)
@section('MainContent')
<form method="post" action="{{route('services.store')}}"  enctype='multipart/form-data'>
    @csrf
    <input type="hidden" name="id" value="{{$service->id ?? ''}}">
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">{{$ActionType}} Service Details</h1>
    <a href="{{route('services.index')}}" class="d-none d-sm-inline-block btn btn-sm btn-info shadow-sm">
        <i class="fas fa-arrow-left fa-sm text-white-50"></i> 
        All  Service 
    </a>
</div>
<div class="row">

<ul class="nav nav-tabs nav-fill" role="tablist">
              <li class="nav-item ">
                <a class="nav-link active" data-toggle="tab" href="#Service_details" role="tab" aria-controls="Service_details" aria-selected="true">Service Details</a>
              </li>
              <li class="nav-item type_1">
                <a class="nav-link " data-toggle="tab" href="#Service_Option" role="tab" aria-controls="Service_Option" aria-selected="false">Page  Content & Image</a>
              </li>
              <li class="nav-item type_1">
                <a class="nav-link " data-toggle="tab" href="#Service_Review" role="tab" aria-controls="Service_Review" aria-selected="false">Service FAQ</a>
              </li>
              <li class="nav-item">
                <a class="nav-link type_1" data-toggle="tab" href="#Service_Order_page" role="tab" aria-controls="Service_Order_page" aria-selected="false">Order Page Content</a>
              </li>
              @if(isset($service->id))
              <li class="nav-item">
                <a class="nav-link type_1" data-toggle="tab" href="#Service_pricing_page" role="tab" aria-controls="Service_pricing_page" aria-selected="false">Service Base Pricing</a>
              </li>
              @endif    
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#SEO" role="tab" aria-controls="SEO" aria-selected="false">SEO</a>
              </li>
            </ul>

</div>
        <button type="submit" class="mt-2 d-none d-sm-inline-block btn btn-sm btn-success shadow-sm">
            <i class="fas fa-save fa-sm text-white-50"></i> 
            {{$ActionType}}  Service
        </button>

<div class="tab-pane active align-items-center" id="Service_details">
         <div class="row">
            <div class="col-md-12 mt-3" style="text-align:center">
                <h4> <b>SERVICE DETAILS</b></h4>
            </div>

<div class="col-md-8">
                <label>Service Name</label>
                <input type="text" value="{{$service->title ?? old('title') ??''}}" required class="form-control" name="title" placeholder="Service Name" onkeyup="var currentVal=this.value;document.getElementById('banner_title').value=currentVal">
                @if ($errors->has('title'))
                  <li class="errors-display">This Service Name is already exist</li>
               @endif
            </div>  
            <div class="col-md-4 ">
                <label>Service Type</label>
                <select class="form-control" name="serviceType">
                    @foreach($servtype as $key=>$value)
                    <option value="{{$value->id}}"  @if(isset($service->serviceType)) @if($service->serviceType == $value->id) selected @endif @endif> {{$value->title}}</option>
                    @endforeach
                </select>   
            </div>

<div class="col-md-4  mt-3">
                <label>Service Status</label>
                <select class="form-control" name="status">
                    <option value="1"  @if(isset($service->status)) @if($service->status == 1) selected @endif @endif> Active Service</option>
                    <option value="2" @if(isset($service->status)) @if($service->status == 2) selected @endif @endif> De-active Service</option>
                </select>   
            </div>
            <div class="col-md-4 mt-3" >
                <label>Show On Menu</label>
                <select class="form-control" name="onMenu">
                    <option value="1" @if(isset($service->onMenu)) @if($service->onMenu == 1) selected @endif @endif> Yes </option>
                    <option value="2" @if(isset($service->onMenu)) @if($service->onMenu == 2) selected @endif @endif> No </option>
                </select>   
            </div>
            <div class="col-md-4 mt-3">
                <label>Sequence Number</label>
                <input type="number" value="{{$service->sr_no ?? old('sr_no') ?? $sequnceNo}}" required class="form-control" name="sr_no" placeholder="Sequence Number" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1">
               
            </div>

<div class="col-md-3 mt-3">
                <label> Service Image</label>
                <input type="file" onchange="var img=window.URL.createObjectURL(this.files[0]);document.getElementById('imagesrc').src = img;document.getElementById('ahref').href = img;" class="form-control" accept="image/*" name="image" placeholder="Category Image"  @if(isset($service->image)) @else required @endif>
                @if ($errors->has('image'))
                  <li class="errors-display">Service Main Image Is Required</li>
               @endif
            </div> 
            <div class="col-md-1 mt-2">
                   <label class="invisible">Status</label>
                @if(isset($service->image))
                    <a href="{{asset('image/service/'.$service->image)}}" id="ahref" target="_blank"><img id="imagesrc" src="{{asset('image/service/'.$service->image)}}" style="height:60px;width:60px;border-radius:50px"></a>
                @else
                    <a href="{{asset('image/dymmy.jpeg')}}" id="ahref" target="_blank"> <img id="imagesrc" src="{{asset('image/dymmy.jpeg')}}" style="height:60px;width:60px;border-radius:50px"></a>
                @endif
            </div>  
            
            
            <div class="col-md-3 mt-3">
                <label>Service Banner</label>
                <input type="file" onchange="var img=window.URL.createObjectURL(this.files[0]);document.getElementById('imagesrcb').src = img;document.getElementById('ahrefb').href = img;" class="form-control" accept="image/*" name="banner" placeholder="Banner Image">
            </div> 
            <div class="col-md-1 mt-3">
                    <label class="invisible">Status</label>
                @if(isset($service->banner))
                    <a href="{{asset('image/service/'.$service->banner)}}" id="ahrefb" target="_blank"><img id="imagesrcb" src="{{asset('image/service/'.$service->banner)}}" style="height:60px;width:60px;border-radius:50px"></a>
                @else
                    <a href="{{asset('image/dymmy.jpeg')}}" id="ahrefb" target="_blank"> <img id="imagesrcb" src="{{asset('image/dymmy.jpeg')}}" style="height:60px;width:60px;border-radius:50px"></a>
                @endif
            </div>

<div class="col-md-4 mt-3">
                <label>Banner Title</label>
                <input type="text" value="{{$service->title ?? old('title') ??''}}" class="form-control" name="heading" placeholder="Banner Title" id="banner_title">
               
            </div> 
            <div class="col-md-12 mt-3">
                <label>Banner Description</label>
                <input type="text" value="{{$service->text ?? old('text') ??''}}"  class="form-control" name="text" placeholder="Banner Description">
             
            </div>

</div>
       </div>

<div class="tab-pane align-items-center" id="Service_Option">    
        <div class="row" >  
            <div class="col-md-12 mt-3" style="text-align:center">
                    <h4><b><?=strtoupper('Service Page Content & Image')?></b></h4>
                </div>
                <div class="col-md-8 mt-3">
                    <label>2nd Section Title</label>
                    <input type="text" value="{{$service->maintitle ?? old('maintitle') ??''}}"  class="form-control" name="maintitle" placeholder="2nd Section Title">
                 
                </div>

<div class="col-md-3 mt-3">
                <label>2nd Section Image</label>
                <input type="file" onchange="var img=window.URL.createObjectURL(this.files[0]);document.getElementById('imagesrcb2nd').src = img;document.getElementById('ahrefb2nd').href = img;" class="form-control" accept="image/*" name="top_image" placeholder="2nd Section Image">
            </div> 
            <div class="col-md-1 mt-3">
                    <label class="invisible">Status</label>
                @if(isset($service->top_image))
                    <a href="{{asset('image/service/'.$service->top_image)}}" id="ahrefb2nd" target="_blank"><img id="imagesrcb2nd" src="{{asset('image/service/'.$service->top_image)}}" style="height:60px;width:60px;border-radius:50px"></a>
                @else
                    <a href="{{asset('image/dymmy.jpeg')}}" id="ahrefb2nd" target="_blank"> <img id="imagesrcb2nd" src="{{asset('image/dymmy.jpeg')}}" style="height:60px;width:60px;border-radius:50px"></a>
                @endif
            </div>

<div class="col-md-12 mt-3">
                    <label> 2nd Section Description </label>
                    <textarea class="form-control editor" name="top_details">{{$service->top_details ?? old('top_details') ??''}}</textarea>
                </div>

<div class="col-md-8 mt-3">
                <label>4th Section Title</label>
                <input type="text" value="{{$service->buttomtitle ?? old('buttomtitle') ??''}}"  class="form-control" name="buttomtitle" placeholder="2nd Section Title">
             
            </div>

<div class="col-md-3 mt-3">
                <label>4th Section Image</label>
                <input type="file" onchange="var img=window.URL.createObjectURL(this.files[0]);document.getElementById('imagesrcb4nd').src = img;document.getElementById('ahrefb4nd').href = img;" class="form-control" accept="image/*" name="buttom_image" placeholder="4th Section Image">
            </div> 
            <div class="col-md-1 mt-3">
                    <label class="invisible">Status</label>
                @if(isset($service->buttom_image))
                    <a href="{{asset('image/service/'.$service->buttom_image)}}" id="ahrefb4nd" target="_blank"><img id="imagesrcb4nd" src="{{asset('image/service/'.$service->buttom_image)}}" style="height:60px;width:60px;border-radius:50px"></a>
                @else
                    <a href="{{asset('image/dymmy.jpeg')}}" id="ahrefb4nd" target="_blank"> <img id="imagesrcb4nd" src="{{asset('image/dymmy.jpeg')}}" style="height:60px;width:60px;border-radius:50px"></a>
                @endif
            </div>

<div class="col-md-12 mt-3">
                    <label>4th Section Description</label>
                    <textarea class="form-control " id="editor" name="buttom_details">{{$service->buttom_details ?? old('buttom_details') ??''}}</textarea>
                </div>

</div> 
    </div>

<div class="tab-pane align-items-center" id="Service_Order_page">    
        <div class="row" >  
            <div class="col-md-12 mt-3" style="text-align:center">
                <h4> <b>ORDER PAGE CONTENT</b></h4>
            </div>

<div class="col-md-12 mt-3">
                <label>Service Instruction <sub>( PowerPoint Presentation Refrence )</sub></label>
                <textarea class="form-control " rows="3" name="Assignment_instruction">{{$service->Assignment_instruction ?? old('Assignment_instruction') ??''}}</textarea>
            </div>

<div class="col-md-6 mt-3">
                <label>Service Type Field Title <sub>( PowerPoint Presentation Refrence )</sub></label>
                <input type="text" value="{{$service->work_typ_title ?? old('work_typ_title') ?? '# of Pages'}}" class="form-control" name="work_typ_title" placeholder="Service Type Field Title">
            </div>

<div class="col-md-6 mt-3">
                <label>Service Type Field Instruction <sub>( PowerPoint Presentation Refrence )</sub></label>
                <input type="text" value="{{$service->work_type_instruction ?? old('work_type_instruction') ?? '300 words/double-spaced page'}}" class="form-control" name="work_type_instruction" placeholder="Service Type Field Instruction">
            </div>

<div class="col-md-12 mt-3">
                <label>Service Guarantee Details </label>
                <textarea class="form-control " id="Service_Policy" name="Assignment_GUARANTEE">{{$service->Assignment_GUARANTEE ?? old('Assignment_GUARANTEE') ??''}}</textarea>
            </div>

</div> 
    </div>

<div class="tab-pane align-items-center" id="Service_pricing_page">    
        <div class="row" >  
            <div class="col-md-12 mt-3" style="text-align:center">
                <h4> <b>SERVICE BASE PRICING (<strong> $ </strong>)</b></h4>
            </div>

<div class="col-md-4 mt-3">
                <label>Within  < 6 Hours  Delivery/complete</label>
                <input type="number" value="{{$service->price_6hr ?? old('price_6hr') ?? $sDefultPrice->price_6hr ??  ''}}"  class="form-control" name="price_6hr" step=".01" placeholder="Within  < 6 Hours Delivery/complete" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1" id="price_6hr">
               
            </div>

<div class="col-md-4 mt-3">
                <label>Within   < 12 Hours Delivery/complete</label>
                <input type="number" value="{{$service->price_12_hrs ?? old('price_12_hrs') ?? $sDefultPrice->price_12_hrs ?? ''}}"  class="form-control" name="price_12_hrs" step=".01" placeholder="Within   < 12 Hours Delivery/complete" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1" id="price_12_hrs">
               
            </div>

<div class="col-md-4 mt-3">
                <label>Within  1 Day (< 24 hours)  Delivery/complete</label>
                <input type="number" value="{{$service->price_1 ?? old('price_1') ?? $sDefultPrice->price_1  ?? ''}}"  class="form-control" name="price_1" step=".01" placeholder="In 1 Days (< 24 hours)  Delivery/complete" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1" id="price_1">
               
            </div>

<div class="col-md-4 mt-3">
                <label>Within 2 Days Delivery/complete</label>
                <input type="number" value="{{$service->price_2 ?? old('price_2')  ?? $sDefultPrice->price_2 ?? ''}}"  class="form-control" name="price_2" step=".01" placeholder="In 2 Days Delivery/complete" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1" id="price_2"> 
               
            </div>

<div class="col-md-4 mt-3">
                <label>Within 3 Days Delivery/complete</label>
                <input type="number" value="{{$service->price_3 ?? old('price_3') ??  $sDefultPrice->price_3 ?? ''}}"  class="form-control" name="price_3" step=".01" placeholder="In 3 Days Delivery/complete" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1" id="price_3">
            </div>

<div class="col-md-4 mt-3">
                <label>Within 4 Days Delivery/complete</label>
                <input type="number" value="{{$service->price_4 ?? old('price_4') ?? $sDefultPrice->price_4 ?? ''}}"  class="form-control" name="price_4" step=".01" placeholder="In 1 Days Delivery/complete" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1" id="price_4"> 
            </div>
            <div class="col-md-4 mt-3">
                <label>Within 5 Days Delivery/complete</label>
                <input type="number" value="{{$service->price_5 ?? old('price_5') ?? $sDefultPrice->price_5 ?? ''}}"  class="form-control" name="price_5" step=".01" placeholder="In 5 Days Delivery/complete" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1" id="price_5"> 
            </div>

<div class="col-md-4 mt-3">
                <label>More Then 5 Days Delivery/complete</label>
                <input type="number" value="{{$service->price_5_max ?? old('price_5_max') ?? $sDefultPrice->price_5_max  ?? ''}}"  class="form-control" name="price_5_max" step=".01" placeholder="In 6 Days Delivery/complete" onkeyup="var currentVal=this.value;if(currentVal <1 && (currentVal!='')){this.value='{{$sequnceNo}}'}" min="1" id="price_5_max">
            </div>

</div> 
    </div>

<div class="tab-pane align-items-center" id="SEO">    
        <div class="row" >  
            <div class="col-md-12 mt-3" style="text-align:center">
                <h4> <b> SEO DATA </b></h4>
            </div>
            <div class="col-md-12 mt-3">
                <label>Meta title</label>
                <input type="text" value="{{$service->metaTitle ?? old('metaTitle') ?? ''}}" class="form-control" name="metaTitle" placeholder="Meta title">
            </div> 
            <div class="col-md-12 mt-3">
                <label>Meta Keyword</label>
                <input type="text" value="{{$service->metaKeyword ?? old('metaKeyword') ?? ''}}" class="form-control" name="metaKeyword" placeholder="Meta Keyword">
            </div> 
            <div class="col-md-12 mt-3">
                <label>Meta Description</label>
                <textarea  class="form-control" name="metaDesc" placeholder="Meta Description">{{$service->metaDesc ?? old('metaDesc') ?? ''}}</textarea>
            </div>
            <div class="col-md-12 mt-3">
                <label> Meta Script</label>
                <textarea  class="form-control" name="metaScript" placeholder="Meta Script">{{$service->metaScript ?? old('metaScript') ?? ''}}</textarea>
            </div>
         </div> 
    </div>

<div class="tab-pane align-items-center" id="Service_Review">    
        <div class="row" >  
            <div class="col-md-12 mt-3" style="text-align:center">
                <h4> <b> SERVICE FAQ </b></h4>
            </div>
        </div>    
            @if(isset($service->id))
            @php
                $otherDetails = json_decode($service->faq,true);
            @endphp
            @if(is_array($otherDetails) && count($otherDetails) > 0)
            <div class="row mt-3" >
                 <input type="hidden" value="{{count($otherDetails)}}" id="totlalAppend">
                @foreach($otherDetails as $key=>$value)

@if($key == 0)
                        <div class="col-md-5">
                            <label>FAQ Title</label>
                            <input type="text" value="{{$value['title']}}"  class="form-control" name="detailsTitle[]" placeholder="FAQ Title">
                        </div>

<div class="col-md-6">
                            <label>FAQ Details</label>
                            <input type="text" value="{{$value['details']}}"  class="form-control" name="detailsData[]" placeholder="FAQ Details">
                        </div> 
                        <div class="col-md-1 mt-4">
                            <button type="button" class="btn btn-primary btn-sm mt-2" onclick="appendNewElement()"><i class="fa fa-plus"></i></button>
                        </div>  
                        
                    @else
                        <div class="col-md-5 mt-4 current_row_class_{{$key}}">
                            <label>Review By</label>
                            <input type="text"  value="{{$value['title']}}" class="form-control" name="detailsTitle[]" placeholder="Review By">
                        </div>

<div class="col-md-6 mt-4 current_row_class_{{$key}}">
                            <label>FAQ Details</label>
                            <input type="text" value="{{$value['details']}}" class="form-control" name="detailsData[]" placeholder="FAQ Details">
                            
                        </div> 
                        <div class="col-md-1 mt-5 current_row_class_{{$key}}">
                            <button type="button" class="btn btn-danger btn-sm mt-2" onclick="removeRowById({{$key}})"><i class="fa fa-trash"></i></button>
                        </div>

@endif
                @endforeach
                </div>
            @else
                <div class="row mt-3" >
                 <input type="hidden" value="0" id="totlalAppend">
                  <div class="col-md-5">
                        <label>FAQ Title</label>
                        <input type="text" value=""  class="form-control" name="detailsTitle[]" placeholder="FAQ Title">
                    </div>

<div class="col-md-6">
                        <label>FAQ Details</label>
                        <input type="text" value=""  class="form-control" name="detailsData[]" placeholder="FAQ Details">
                    </div> 
                    <div class="col-md-1 mt-4">
                        <button type="button" class="btn btn-primary btn-sm mt-2" onclick="appendNewElement()"><i class="fa fa-plus"></i></button>
                    </div> 
                </div>     
            @endif

@else
        <input type="hidden" value="0" id="totlalAppend">
        <div class="row mt-3" >
            <div class="col-md-5">
                <label>FAQ Title</label>
                <input type="text" value=""  class="form-control" name="detailsTitle[]" placeholder="FAQ Title">
            </div>

<div class="col-md-6">
                <label>FAQ Details</label>
                <input type="text" value=""  class="form-control" name="detailsData[]" placeholder="FAQ Details">
            </div> 
            <div class="col-md-1 mt-4">
                <button type="button" class="btn btn-primary btn-sm mt-2" onclick="appendNewElement()"><i class="fa fa-plus"></i></button>
            </div>  
        </div>
        @endif
        <div class="row mt-3" id="newRowAppend">
        </div> 
          
         </div> 
    </div>

</div>

</div>
</div>
</form>
@endsection
@section('MainCss')
  <link href="{{asset('admin/bootstrap/bootstrap.min.css')}}" rel="stylesheet">
    <style type="text/css">
        label{color: black !important;}
    .ck-editor__editable_inline {
        min-height: 300px;
    }
     .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
            width: 98%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
            padding: 1%;
        }
    </style>
@endsection

@section('MainJS')

</script>

$("#newRowAppend").append(appendElement);
}

function removeRowById(row_ID){
 $('.current_row_class_'+row_ID).remove();
}

</script>

@if(isset($service->id))
    
@else
<script type="text/javascript">
 $(document).ready(function(){
    for (var i =0; i <= 3; i++) {
        appendNewElement();
    }
 });
</script>
@endif

@endsection