@extends('layouts.admin')

@section('page-header', 'Page - About')

@section('styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/dragula.min.css')}}">

@endsection
@section('content')
    <div class="card mb-5">
    	<h3 class="card-header">Researcher</h3>
        <form action="{{ route('admin.pages.edit', [$page, 'researcher']) }}" method="post" enctype="multipart/form-data" class="card-body">
            @csrf

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="description">Description</label>
                <div class="col-sm-9">
                    <textarea  class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" rows="8" name="researcher[description]" >{{ old('', $content->valueForKey('researcher.description')) }}</textarea>

                    @if ($errors->has('researcher.description'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('researcher.description') }}
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="researcher-image">Image                 
                    <span style="width: 100%;color: #6D4949; font-size: 11px;">( maximum image size:2MB )</span> 
                </label>

                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="researcher[image]" id="researcher-image">
                        <label class="custom-file-label" for="researcher-image">Image</label>
                    </div>


                    @if ($errors->has('researcher.image'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('researcher.image') }}
                        </div>
                    @endif

                    @if ($researcherMediaPath = $content->valueForKey('researcher.media-path'))
                        <img id="img_prev" class="mt-2" src="{{ user_asset($researcherMediaPath) }}" width="200" alt="" >
                    @else
                        <div class="mt-2">No image uploaded yet!</div>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <div class="offset-3 col-sm-9">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </div>
        </form>
    </div>

    <div class="card mb-5">
    	<h3 class="card-header">Wreck Check</h3>
         <form action="{{ route('admin.pages.edit', [$page, 'wreck']) }}" method="post" enctype="multipart/form-data" class="card-body">
            @csrf

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="link">Link</label>

                <div class="col-sm-4">
                    <input name="wreck_check[link]" type="text"
                            class="form-control{{ $errors->has('wreck-check.link') ? ' is-invalid' : '' }}"
                            id="link"
                            value="{{ old('wreck_check.link', $content->valueForKey('wreck-check.link')) }}">


                    @if ($errors->has('wreck_check.link'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('wreck_check.link') }}
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="description">Description</label>
                <div class="col-sm-9">
                    <textarea  class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}"
                        rows="8" id="summary-ckeditor"
                        name="wreck_check[description]" >{{old('wreck_check.description', $content->valueForKey('wreck-check.description')) }}</textarea>

                    @if ($errors->has('wreck_check.description'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('wreck_check.description') }}
                        </div>
                    @endif
                </div>
        	</div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="wreck-check-image">Image
                    <span style="width: 100%;color: #6D4949; font-size: 11px;">( maximum image size:2MB )</span> 
                </label>
                <div class="col-sm-9">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="wreck_check[image]" id="wreck-check-image">
                        <label class="custom-file-label" for="wreck-check-image">Image</label>
                    </div>

                    @if ($errors->has('wreck_check.image'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('wreck_check.image') }}
                        </div>
                    @endif


                    @if ($wreckCheckMediaPath = $content->valueForKey('wreck-check.media-path'))
                        <img src="{{ user_asset($wreckCheckMediaPath) }}" name="image_name" class="mt-2" width="300">
                    @else
                        <div class="mt-2">No image uploaded yet!</div>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <div class="offset-3 col-sm-9">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </div>
        </form>
    </div>

    <div class="card mb-5">
    	<h3 class="card-header">Links & Downloads</h3>
        <form action="{{ route('admin.pages.edit', [$page, 'links']) }}" method="post" enctype="multipart/form-data" class="card-body">
            @csrf

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-academia">Academia</label>
                <div class="col-sm-4">
                    <input name="links[academia]" type="text"
                            class="form-control{{ $errors->has('links.academia') ? ' is-invalid' : '' }}"
                            id="links-academia"
                            value="{{ old('links.academia', $content->valueForKey('links.academia')) }}">


                    @if ($errors->has('links.academia'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.academia') }}
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-divelog-article">Divelog Article 2018</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[divelog_article]" id="links-divelog-article">
                        <label class="custom-file-label" for="links-divelog-article">Choose File</label>
                    </div>

                    @if ($errors->has('links.divelog_article'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.divelog_article') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.divelog-article.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.divelog-article.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>


            



            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-info-about">Information about GIRT</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[info_about]" id="links-info-about">
                        <label class="custom-file-label" for="links-info-about">Choose File</label>
                    </div>

                    @if ($errors->has('links.info_about'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.info_about') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.info-about.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.info-about.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-une-consent">GIRT Scientific Diver volunteer consent form</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[une_consent]" id="links-une-consent">
                        <label class="custom-file-label" for="links-une-consent">Choose File</label>
                    </div>

                    @if ($errors->has('links.une_consent'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.une_consent') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.une-consent.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.une-consent.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-wreck-check-consent">Wreck Check Consent form</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[wreck_check_consent]" id="links-wreck-check-consent">
                        <label class="custom-file-label" for="links-wreck-check-consent">Choose File</label>
                    </div>

                    @if ($errors->has('links.wreck_check_consent'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.wreck_check_consent') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.wreck-check-consent.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.wreck-check-consent.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>











            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-guidance">GIRT Guidance Document</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[guidance]" id="links-guidance">
                        <label class="custom-file-label" for="links-guidance">Choose File</label>
                    </div>

                    @if ($errors->has('links.guidance'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.guidance') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.guidance.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.guidance.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-surface-sheet">Download Site Identification Sheet</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[surface_sheet]" id="links-surface-sheet">
                        <label class="custom-file-label" for="links-surface-sheet">Choose File</label>
                    </div>

                    @if ($errors->has('links.surface-sheet'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.surface_sheet') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.surface-sheet.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.surface-sheet.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-mud_map">Download Site Sketch Sheet</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[mud_map]" id="links-mud_map">
                        <label class="custom-file-label" for="links-mud_map">Choose File</label>
                    </div>

                    @if ($errors->has('links.mud-map'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.mud-map') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.mud-map.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.mud-map.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-photo-condition-survey">Download Photo Condition Sheet</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[photo_condition_survey]" id="links-photo-condition-survey">
                        <label class="custom-file-label" for="links-photo-condition-survey">Choose File</label>
                    </div>

                    @if ($errors->has('links.photo-condition-survey'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.photo-condition-survey') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.photo-condition-survey.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.photo-condition-survey.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-underwater-sheet">Download Site and Conservation Data Sheet</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[underwater_sheet]" id="links-underwater-sheet">
                        <label class="custom-file-label" for="links-underwater-sheet">Choose File</label>
                    </div>

                    @if ($errors->has('links.underwater-sheet'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.underwater_sheet') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.underwater-sheet.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.underwater-sheet.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>

            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-video-and-photogrammetry">Download Video Transect Sheet</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[video_and_photogrammetry]" id="links-video-and-photogrammetry">
                        <label class="custom-file-label" for="links-video-and-photogrammetry">Choose File</label>
                    </div>

                    @if ($errors->has('links.video-and_photogrammetry'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.video_and_photogrammetry') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.video-and-photogrammetry.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.video-and-photogrammetry.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>
            <div class="form-group row">
                <label class="col-sm-3 col-form-label" for="links-photogrammetry-survey-sheet">Download Photogrammetry Survey Sheet</label>
                <div class="col-sm-4">
                    <div class="custom-file">
                        <input type="file" class="custom-file-input fileup" name="links[photogrammetry_survey_sheet]" id="links-photogrammetry-survey-sheet">
                        <label class="custom-file-label" for="links-photogrammetry-survey-sheet">Choose File</label>
                    </div>

                    @if ($errors->has('links.photogrammetry-survey-sheet'))
                        <div class="invalid-feedback" style="display:block">
                            {{ $errors->first('links.photogrammetry_survey_sheet') }}
                        </div>
                    @endif

                    @if ($content->valueForKey('links.photogrammetry-survey-sheet.media-path'))
                        <div class="mt-2">
                            <a href="{{ user_asset($content->valueForKey('links.photogrammetry-survey-sheet.media-path')) }}"
                                class="page-link2">Download Current File</a>
                        </div>
                    @endif
                </div>
            </div>



            <div class="form-group row">
                <div class="offset-3 col-sm-9">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </div>
        </form>
    </div>
@endsection