@extends('admin.layout.app')

@section('heading', 'Update About Page')

@section('main_content')
<div class="section-body">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<form action="{{ route('about_submit') }}" method="post" enctype="multipart/form-data">
@csrf
<div class="row">
<div class="col-md-12">

<!-- Status -->
<div class="mb-4">
<label class="form-label">About Page Status</label>
<select class="form-control" name="about_status">
<option value="show"
			{{ old('about_status', $row_data->about_status) == 'show' ? 'selected' : '' }}>
			Show</option>
<option value="hide"
			{{ old('about_status', $row_data->about_status) == 'hide' ? 'selected' : '' }}>
			Hide</option>
</select>
</div>

<!-- Banner -->
<div class="mb-4">
<label class="form-label">About Banner Title</label>
<input type="text" class="form-control" name="about_banner_title"
value="{{ $row_data->about_banner_title }}">
</div>

<div class="mb-4">
<label class="form-label">About Banner Nav Text</label>
<input type="text" class="form-control" name="about_banner_navtext"
value="{{ $row_data->about_banner_navtext }}">
</div>

<div class="mb-4">
<label class="form-label">About Banner Background</label><br>
@if ($row_data->about_banner_background)
<img src="{{ asset('uploads/' . $row_data->about_banner_background) }}"
			style="max-height:100px;" class="mb-2">
@endif
<input type="file" class="form-control" name="about_banner_background">
</div>

<h5 class="mb-4">About section :</h5>

<!-- About Section -->
<div class="mb-4">
<label class="form-label">About Title Highlight</label>
<input type="text" class="form-control" name="about_title_highlight"
value="{{ $row_data->about_title_highlight }}">
</div>
<div class="mb-4">
<label class="form-label">About Title</label>
<input type="text" class="form-control" name="about_title"
value="{{ $row_data->about_title }}">
</div>

<div class="mb-4">
<label class="form-label">About Text</label>
<textarea class="form-control snote" name="about_text" rows="3">{{ $row_data->about_text }}</textarea>
</div>

<div class="mb-4">
<label class="form-label">About Video URL</label>
<input type="text" class="form-control" name="about_video_url"
value="{{ $row_data->about_video_url }}">
</div>

<div class="mb-4">
<label class="form-label">About Video Background</label><br>
@if ($row_data->about_video_background)
<img src="{{ asset('uploads/' . $row_data->about_video_background) }}"
			style="max-height:100px;" class="mb-2">
@endif
<input type="file" class="form-control" name="about_video_background">
</div>

<div class="mb-4">
<label class="form-label">About Button Text</label>
<input type="text" class="form-control" name="about_button"
value="{{ $row_data->about_button }}">
</div>


<div class="mb-4">
<label class="form-label">About Button URL</label>
<input type="text" class="form-control" name="about_button_url"
value="{{ $row_data->about_button_url }}">
</div>

<h5 class="mb-4">Skills section :</h5>

<!-- Skills Section -->
<div class="mb-4">
<label class="form-label">Skills Title Highlight</label>
<input type="text" class="form-control" name="skills_title_highlight"
value="{{ $row_data->skills_title_highlight }}">
</div>

<div class="mb-4">
<label class="form-label">Skills Title</label>
<input type="text" class="form-control" name="skills_title"
value="{{ $row_data->skills_title }}">
</div>


<div class="mb-4">
<label class="form-label snote">Skills Text</label>
<textarea class="form-control" name="skills_text" rows="3">{{ $row_data->skills_text }}</textarea>
</div>

<div class="mb-4">
<label class="form-label">Skills Background Image</label><br>
@if ($row_data->skills_background_image)
<img src="{{ asset('uploads/' . $row_data->skills_background_image) }}"
			style="max-height:100px;" class="mb-2">
@endif
<input type="file" class="form-control" name="skills_background_image">
</div>

<!-- Skill Progress -->
@for ($i = 1; $i <= 6; $i++)
<div class="mb-4">
<label class="form-label">Skill {{ $i }} Text</label>
<input type="text" class="form-control"
			name="skill{{ $i }}_text"
			value="{{ $row_data->{'skill' . $i . '_text'} }}">
</div>

<div class="mb-4">
<label class="form-label">Skill {{ $i }} Percentage</label>
<input type="number" class="form-control"
			name="skill{{ $i }}_percentage"
			value="{{ $row_data->{'skill' . $i . '_percentage'} }}">
</div>
@endfor



<!-- SEO Fields -->
<div class="mb-4">
<label class="form-label">SEO Title</label>
<input type="text" class="form-control" name="about_seo_title"
value="{{ $row_data->about_seo_title }}">
</div>

<div class="mb-4">
<label class="form-label">SEO Meta Description</label>
<textarea class="form-control" name="about_seo_meta_description" rows="3">{{ $row_data->about_seo_meta_description }}</textarea>
</div>

<!-- Submit -->
<div class="mb-4">
<button type="submit" class="btn btn-primary ">Update</button>
</div>

</div>
</div>
</form>
</div> <!-- card-body -->
</div> <!-- card -->
</div>
</div>
</div>
@endsection