@extends('layouts.app')
@section('style')
    <style type="text/css">
       .ui-datepicker-calendar {
           display: none;
        }
    </style>
@endsection
@section('content')




<div class="map-section">
    <div class="search-content">
    <form class="form-inline header-form-wrapper">
        <div class="form-group mb-4" style=" flex: auto;">
            <div class="row">
            @if(Auth::user())
                    <h4>search wrecks:</h4>
            @else
            <h4>SEARCH ADOPTED WRECKS:</h4>
            @endif
                <div class="col-md-9">
                    <div class="form-group map-input">
                        <input type="text" id="name" class="form-control" name="name"
                            placeholder="Search by Wreck Name" value="{{ request()->input('filter.name') }}">
                    </div>

                    <div class="form-group map-input">
                        <input type="text" id="id" class="form-control" name="id"
                            placeholder="Search by Wreck Id" value="{{ request()->input('filter.id') }}">
                    </div>

                    <div class="form-group map-input">
                        <input type="text" id="member_name" class="form-control" name="member_name"
                            placeholder="Search by Member Name" value="{{ request()->input('filter.member_name') }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <button class="btn btn-info mb-4" onclick="searchWreck()" type="button">Search</button>
                    <button class="btn btn-info" onclick="resetFuntion()" type="button">Reset</button>
                </div>
            </div>
        </div>

        @if(Auth::user())

        <div class="form-group mb-4" style=" flex: auto;">
            <h4 class="mb-4">SEARCH BY ADOPTED WRECKS:</h4>
            <div class="row">
                <div class="col-md-9">
                    <div class="form-group mb-3 " style="display: block">
                        <div class="mb-4 row">
                            <h6 class="col-md-10">Available for Adoption  </h6> <input class="col-md-2"  style="width: 80px" type="radio" id="available_adopted0" name="available_adopted">
                        </div>
                        <div class="mb-4 row">
                            <h6 class="col-md-10">Adopted Once - Adopt </h6> <input class="col-md-2" style="width: 80px"  type="radio" id="available_adopted1" name="available_adopted">
                        </div>

                        <div class="mb-1 row">
                            <h6 class="col-md-10">Adopted twice  </h6> <input class="col-md-2"  style="width: 80px" type="radio" id="available_adopted2" name="available_adopted">
                        </div>
                    </div>
                </div>
               
                <div class="col-md-3">
                    <button class="btn btn-info mb-4" onclick="searchWreck()" type="button">Search</button>
               
                    <button class="btn btn-info" onclick="resetFuntion()" type="button">Reset</button>
                </div>
            </div>
        </div>
        @endif
       

        <div class="row mb-4" style=" flex: auto;">
            <h4 class="mb-4">Year survey report range:</h4>
            <div class="map-input col-md-5" style="padding: 0.375rem 0;">
                <h6>FROM</h6>
                <input type="text" placeholder="FROM" id="from" class="form-control date" name="from" value="{{ request()->input('filter.from') }}">
            </div>
            <div class="col-md-1"></div>
            <div class="map-input col-md-6" style=" padding: 0.375rem 0;">
            <h6>TO</h6>
                <input type="text" id="to" class="form-control date" name="to" placeholder="TO" value="{{ request()->input('filter.to') }}">
            </div>
            <div class="row mb-4">
                <div class="col-md-5">
                    <button class="btn btn-info" onclick="searchWreck()" type="button">Search</button>
                </div>
                <div class="col-md-4"></div>
                <div class="col-md-2">
                    <button class="btn btn-info" onclick="resetFuntion()" type="button">Reset</button>
                </div>
            </div>
        </div>
    </form>
    <h4>Legend</h4>        
    <div class="row">
        <div class="col-md-5">
            <img src="{{ asset('images/T&R.jpg') }}" class="" width="150">
        </div>
        <div class="col-md-1"></div>

        <div class="col-md-3">
            <img src="{{ asset('images/traffic light_half.png') }}" class="mb-3" style="margin-left: 20%"> 
            <h6  class=""> Adopted by one individual or group</h6>
        </div>
        <div class="col-md-3">
            <img src="{{ asset('images/traffic light_full.png') }}" class="mb-3" style="margin-left: 20%">
            <h6  class=""> Adopted by two individuals or groups</h6>
        </div>
 
        
    </div>
  
 </div>

    <input id="pac-input" class="controls" type="text" placeholder="Search Box">