@extends('layouts.admin_layout.admin_layout')
@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Our Approach</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ url('admin/video-index') }}">Manage Our Approach</a></li>
                        <li class="breadcrumb-item active">Edit Approach</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>


    <section class="content">
        <div class="container-fluid">
            <x-alert />
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title">Edit Our Approach</h3>
                </div>

                <form name="videoForm" id="videoForm" action="{{ url('admin/our_approach/'.$ourApproach->id) }}" method="post"
                    enctype="multipart/form-data">@csrf

                    <br>
                    <!-- Work Description title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="approach_title">
                                Title
                            </label>
                            <input type="text" class="form-control" name="title" id="approach_title"
                                            value="{{ $ourApproach->title }}" placeholder="Enter Our Approach Title Here">
                        </div>
                    </div>

                    <!-- Work Description Body -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="approach_sub_title">
                                Sub Title
                            </label>
                            <textarea class="textarea" placeholder="Place Sub Title Here" name="sub_title"
                                required
                                style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">{{ $ourApproach->sub_title }}</textarea>
                        </div>
                    </div>


                    <br>
                    <!-- Discovery -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="video_title" style="color: #1D79FF;">Research:</label>
                        </div>
                    </div>

                    <!-- discovery title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="discovery_title">
                                Research Title
                            </label>
                            <input type="text" class="form-control" name="discovery_title" id="discovery_title"
                                            value="{{ $ourApproach->discovery_title }}" placeholder="Enter Research Title Here">
                        </div>
                    </div>


                    <!-- discovery tags -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="discovery_tags">
                                Research Tags (<small style="color: red; font-size:13px;"> Seperate by comma </small>)
                            </label>
                            <input type="text" class="form-control" name="discovery_tags" id="discovery_tags"
                                            value="{{ $ourApproach->discovery_tags }}" placeholder="Enter Research Tags Here">
                        </div>
                    </div>

                    <!-- discovery image -->
                     <!-- image -->
                     <div class="col-12 col-sm-12">
                        <div class="form-group" id="discovery_img">
                            <label for="discovery_img">Images (<small style="color: red; font-size:13px;">select maximum 2 </small>)</label>
                            <div class="input-group">
                                <div class="input-group">
                                    <input type="file" class="form-control" id="discovery_img" name="discovery_img[]" multiple accept="image/*">
                                </div>
                            </div>
                                @if($ourApproach->discovery_img)
                                        <div style="padding-top: 20px; padding-bottom:6px">Old Images:</div>
                                        @foreach(explode(',', $ourApproach->discovery_img) as $discoveryImage)
                                            <img src="{{ asset('images/approach/' . $discoveryImage) }}" alt="Old Image" width="80" height="100" style="margin-right:12px; border-radius:8px;">
                                        @endforeach
                                @endif
                        </div>
                    </div>

                    <br>
                    <br>
                    <!-- Work Bottom -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="staffing_title" style="color: #1D79FF;">Prototyping:</label>
                        </div>
                    </div>

                    <!-- staffing title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="staffing_title">
                                Prototyping Title
                            </label>
                            <input type="text" class="form-control" name="staffing_title" id="staffing_title"
                                            value="{{ $ourApproach->staffing_title }}" placeholder="Enter Prototyping Title">
                        </div>
                    </div>

                    <!-- staffing tags -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="staffing_tags">
                                Prototyping Tags (<small style="color: red; font-size:13px;"> Seperate by comma </small>)
                            </label>
                            <input type="text" class="form-control" name="staffing_tags" id="staffing_tags"
                                            value="{{ $ourApproach->staffing_tags }}" placeholder="Enter Prototyping Tags Here">
                        </div>
                    </div>

                    <!-- Staffing image -->
                    <!-- image -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group" id="staffing_img">
                            <label for="staffing_img">Images (<small style="color: red; font-size:13px;">select maximum 2 </small>)</label>
                            <div class="input-group">
                                <div class="input-group">
                                    <input type="file" class="form-control" id="staffing_img" name="staffing_img[]" multiple accept="image/*">
                                </div>
                            </div>
                            @if($ourApproach->staffing_img)
                                        <div style="padding-top: 20px; padding-bottom: 6px;">Old Images:</div>
                                        @foreach(explode(',', $ourApproach->staffing_img) as $staffingImage)
                                            <img src="{{ asset('images/approach/' . $staffingImage) }}" alt="Old Image" width="80" height="100" style="margin-right:12px; border-radius:8px;">
                                        @endforeach
                            @endif
                        </div>
                    </div>
                    <br>
                    <br>

                    <!-- Kick Off -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="kickoff" style="color: #1D79FF;">Design:</label>
                        </div>
                    </div>

                    <!-- discovery title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="kickoff_title">
                                Design Title
                            </label>
                            <input type="text" class="form-control" name="kickoff_title" id="kickoff_title"
                                            value="{{ $ourApproach->kickoff_title }}" placeholder="Enter Design Title Here">
                        </div>
                    </div>


                    <!-- discovery tags -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="kickoff_tags">
                                Design Tags (<small style="color: red; font-size:13px;"> Seperate by Comma </small>)
                            </label>
                            <input type="text" class="form-control" name="kickoff_tags" id="kickoff_tags"
                                            value="{{ $ourApproach->kickoff_tags }}" placeholder="Enter Design Tags Here">
                        </div>
                    </div>

                    <!-- discovery image -->
                    <!-- image -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group" id="kickoff_img">
                            <label for="kickoff_img">Images (<small style="color: red; font-size:13px;">select maximum 2 </small>)</label>
                            <div class="input-group">
                                <div class="input-group">
                                    <input type="file" class="form-control" id="kickoff_img" name="kickoff_img[]" multiple accept="image/*">
                                </div>
                            </div>
                            @if($ourApproach->kickoff_img)
                                        <div style="padding-top: 20px; padding-bottom: 6px;">Old Images:</div>
                                        @foreach(explode(',', $ourApproach->kickoff_img) as $kickoffImage)
                                            <img src="{{ asset('images/approach/' . $kickoffImage) }}" alt="Old Image" width="80" height="100" style="margin-right:12px; border-radius:8px;">
                                        @endforeach
                            @endif
                        </div>
                    </div>

                    <br>
                    <br>
                    <!-- Ramp Up -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="rampup" style="color: #1D79FF;">Development:</label>
                        </div>
                    </div>

                    <!-- rampup title -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="rampup_title">
                                Development Title
                            </label>
                            <input type="text" class="form-control" name="rampup_title" id="rampup_title"
                                            value="{{ $ourApproach->rampup_title }}" placeholder="Enter Development Title">
                        </div>
                    </div>


                    <!-- rampup tags -->
                    <div class="col-12 col-sm-12">
                        <div class="form-group">
                            <label for="rampup_tags">
                                Development Tags (<small style="color: red; font-size:13px;"> Seperate by Comma </small>)
                            </label>
                            <input type="text" class="form-control" name="rampup_tags" id="rampup_tags"
                                            value="{{ $ourApproach->rampup_tags }}" placeholder="Enter Development Tags">
                        </div>
                    </div>

                    <!-- discovery image -->
                     <!-- image -->
                     <div class="col-12 col-sm-12">
                        <div class="form-group" id="rampup_img">
                            <label for="rampup_img">Images (<small style="color: red; font-size:13px;">select maximum 2 </small>)</label>
                            <div class="input-group">
                                <div class="input-group">
                                    <input type="file" class="form-control" id="rampup_img" name="rampup_img[]" multiple accept="image/*">
                                </div>
                            </div>
                            @if($ourApproach->rampup_img)
                                        <div style="padding-top: 20px; padding-bottom: 6px;">Old Images:</div>
                                        @foreach(explode(',', $ourApproach->rampup_img) as $rampupImage)
                                            <img src="{{ asset('images/approach/' . $rampupImage) }}" alt="Old Image" width="80" height="100" style="margin-right:12px; border-radius:8px;">
                                        @endforeach
                            @endif
                        </div>
                    </div>

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
</div>
@endsection