@extends('adminlte::page')

@section('title', $section.' Section')

@section('content_header')
    <h1 class="text-dark text-bold text-center my-2">Edit {{$section}} Section</h1>
@stop
@php 
    $index_count1=1;
    
@endphp

@section('content')
    <div class="card shadow rounded-lg mb-3 px-5 py-2">
        <div class="row mt-3">
            <div class="col-md-6 float-left ">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-white">
                        <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                        <li class="breadcrumb-item text-bold"><a href="{{ route('admin.dashboard-services.index') }}">Dashboard Services</a></li>
                        <li class="breadcrumb-item active text-bold" aria-current="page">Edit</li>
                    </ol>
                </nav>
            </div>

            <div class="col-md-6">
                {{--<form action="{{ route('admin.services-section.destroy', ['service_id' => $id, 'type' => $section]) }}" method="POST" class="float-md-right ml-2">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash"></i> Delete Section
                    </button>
                </form>--}}
				<a href="{{ route('admin.dashboard-services.points-section.edit', [$id,$section]) }}"  class="btn btn-info float-md-right ml-2" data-toggle="tooltip" data-placement="top" title="Edit Title Section">Points</a>
                <a href="{{ route('admin.dashboard-services.techstack.edit', [$id,$section]) }}" class="btn btn-success float-md-right ml-2" data-toggle="tooltip" data-placement="top" title="Edit Document Section">Document</a>
				
				
            </div>
        </div>
        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li> 
                    @endforeach
                </ul>
            </div>
        @endif

        <form id="file-upload" method="POST" action="{{ route('admin.dashboard-services.title-section.update', ['id'=>$id,'section'=>$section]) }}" enctype="multipart/form-data">

            {{ csrf_field() }}
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="title">Title <span class="text-danger"> *</span></label>
                        <input type="text" name="title" class="form-control" id="title"  placeholder="Name..." value="{{ old('title', @$serviceType->title)  }}" required>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="category">Select Heading <span class="text-danger"> *</span></label>
                        <select class="category select2 rounded form-control" name="title_heading" id="heading_name">
                            <option value="">Select Heading...</option>
                            @foreach ($headings as $heading)
                                <option value="{{ $heading }}" {{ old('heading', @$serviceType->title_heading) == $heading ? 'selected' : '' }}>{{ strtoupper($heading) }}</option>
                                {{--<option value="{{ $category->id }}" {{ old('heading') == $heading ? 'selected' : '' }}>{{ $category->title }}</option>--}}
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label for="tagline">Tagline</label>
                    <input type="text" name="tagline" class="form-control" id="tagline"  placeholder="Tagline..." value="{{ old('tagline', @$serviceType->tagline)  }}">
                </div>
            </div>
            <div class="form-floating my-4">
                <label for="floatingTextarea2">Description</label>
                <textarea class="form-control tinymce-editor" name="description" placeholder="Write Here..." rows="7" cols="100" id="content" >{{ old('description', @$serviceType->description) }}</textarea>
            </div>
            <div class="row mb-4 ">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="category">Media Type</label>
                        <select class="category select2 rounded form-control" name="mediatype" id="mediatype">
                            <option value="N">Select</option>
                            <option value="I" {{!empty($serviceType) && $serviceType->media_type=='I' ?  'selected':'' }}>Image</option>
                                                    </select>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="form-group">
                        <label for="alt_name">Media Alt</label>
                        <input type="text" name="media_alt" class="form-control"  placeholder="Alternate Description..." value="{{ old('media_alt',@$serviceType->media_alt) }}">
                        <input type="hidden" name="old_media" value="{{@$serviceType->media }}">

                    </div>
                </div>

            </div>

            <div class="row mb-4 ">
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="exampleInputFile">Select Image</label>
                        <div class="input-group" >
                            <div class="custom-file">
                                <input type="file" name="image" class="custom-file-input image"  id="image" >
                                <label class="custom-file-label text-secondary" for="exampleInputFile">Choose Image...</label>
                            </div>
                        </div>
                    </div>
                </div>
              
                <div class="col-md-2 mt-4 " >    
                    @if(!empty($serviceType) && $serviceType->media_type == 'I')                   
                        <img  src="{{ asset('/services/image/'.$serviceType->media) }}" style="height: 70px;">
                    @endif
                </div>

               
                
            </div>

            <div class="row mb-4">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="button_text">Button Text</label>
                        <input type="text" name="button_text" class="form-control" id="button_text"  placeholder="button_text..." value="{{ old('button_text', @$serviceType->button_text)  }}">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="button_link">Button Link</label>
                        <input type="text" name="button_link" class="form-control" id="button_link"  placeholder="button_link..." value="{{ old('button_link', @$serviceType->button_link)  }}">
                    </div>
                </div>
                
            </div>

            
            <div class="row justify-content-between my-3">
                <div class="col-md-2"></div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="submit">&nbsp;&nbsp;</label>
                        <input class="btn btn-block btn-success btn-lg" type="submit" value="Submit">
                    </div>
                </div>
            </div>
        </form>
    </div>
      
    <!-- </div> -->
@stop

@section('css')
    <style>
        .input-group .custom-file {
            overflow: hidden; 
        }
    </style>
@stop

@section('js')
    <script type="text/javascript">
        
    </script>
@stop