@extends('layouts.admin')

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

@section('page-header', 'New Contact')

@section('content')
<form method="post" enctype="multipart/form-data">
    <div class="row">
        <div class="col-lg-7 col-md-8">
            @csrf
            <div class="card">
                <div class="card-body">
                    <div id="category" class="form-group">
                        <label for="category">Category</label>
                        <select name="category" class="custom-select{{ $errors->has('category') ? ' is-invalid' : '' }}" >
                            <option value="">Select</option>
                            <option value="1" @if (old('category')==='1' ) selected @endif>Avocational Groups</option>
                            <option value="2" @if (old('category')==='2' ) selected @endif>UNIVERSITIES that teach maritime archaeology or conservation Education</option>
                            <option value="3" @if (old('category')==='3' ) selected @endif>Heritage management agencies, Museums and other Organisations</option>
                            <option value="4" @if (old('category')==='3' ) selected @endif>Environmental Citizen Science projects to complement GIRT activities</option>
                        </select>

                        @if ($errors->has('category'))
                        <div class="invalid-feedback">
                            {{ $errors->first('category') }}
                        </div>
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input name="name" type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}"
                            id="name" value="{{ old('name') }}">

                        @if ($errors->has('name'))
                        <span class="invalid-feedback">
                            {{ $errors->first('name') }}
                        </span>
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="link">Link</label>
                        <input name="link" type="text" class="form-control{{ $errors->has('link') ? ' is-invalid' : '' }}"
                            id="link" value="{{ old('link') }}">

                        @if ($errors->has('link'))
                        <span class="invalid-feedback">
                            {{ $errors->first('link') }}
                        </span>
                        @endif
                    </div>
                    <button class="btn btn-primary">Add Contact</button>
                </div>
            </div>
        </div>
    </div>
    </div>
</form>
@endsection