@extends('layouts.app', [
    'class' => 'stations create edit',
])

@section('content')
    @include('partials._page-title', [
        'title' => 'Gerenciar Estações',
        'desc' => 'Preencha as informações necessárias',
    ])

    <div class="panel-body">

        <form method="POST" class='default-form' action="{{ url('stations') }}" data-parsley-validate>
            @include('partials._alert')

            @csrf

            @if ($isEdit)
                <input type="hidden" name="id" value="{{ $station->id }}">
                <input type="hidden" name="_method" value="put">
            @endif

            <div class="row">

                <div class="form-group col-sm-6">
                    <label>Fazenda</label>
                    <select class="form-select select2" name='farm_id'>
                        <option value>Selecione</option>
                        @foreach ($farms as $f)
                            <option value="{{ $f->id }}"
                                {{ $station->farm_id == $f->id || old('farm_id') == $f->id ? 'selected' : '' }}>
                                {{ $f->name }}</option>
                        @endforeach
                    </select>

                </div>

                <div class="form-group col-sm-6">
                    
                    <label>Tipo da Estação</label>
                    <select class="form-select" name="type_id" required="required">
                        <option value>Selecione</option>
                        @foreach ($stationTypes as $type)
                            <option value="{{ $type->id }}"
                                {{ $station->type_id == $type->id || old('type_id') == $type->id ? 'selected' : '' }}>
                                {{ $type->name }}</option>
                        @endforeach
                    </select>

                </div>

            </div>

            <div class="row">
                <div class="form-group col-sm-6">
                    <label>Nome</label>
                    <input class="form-control" type="text" name="name" autofocus="autofocus"
                        value="{{ $station->name ?? old('name') }}" placeholder="Nome da estação" required="required">
                </div>

                <div class="form-group col-sm-6">
                    <label>Timezone</label>
                    <select class="form-select select2" name='timezone'>
                        <option value>Selecione</option>
                        @foreach ($timeZones as $t)
                            <option value="{{ $t }}"
                                {{ $station->timezone == $t || old('timezone') == $t ? 'selected' : '' }}>
                                {{ $t }}</option>
                        @endforeach
                    </select>

                </div>
            </div>

            <div class="row">

                <div class="form-group col-sm-6">
                    <label>Latitude</label>
                    <input class="form-control" type="text" name="lat" autofocus="autofocus"
                        value="{{ $station->lat ?? old('lat') }}" placeholder="Latitude" required="required">
                </div>

                <div class="form-group col-sm-6">
                    <label>Longitude</label>
                    <input class="form-control" type="text" name="lng" autofocus="autofocus"
                        value="{{ $station->lng ?? old('lng') }}" placeholder="Longitude" required="required">
                </div>

            </div>

            <div class="row station-physical">
                
                <div class="form-group col-sm-6">
                    
                    <label>Fabricante da Estação</label>
                    <select class="form-select" name="provider_id">
                        <option value>Selecione</option>
                        @foreach ($stationProviders as $provider)
                            <option value="{{ $provider->id }}"
                                {{ $station->provider_id == $provider->id || old('provider_id') == $provider->id ? 'selected' : '' }}>
                                {{ $provider->name }}</option>
                        @endforeach
                    </select>

                </div>
                
                <div class="form-group col-sm-6 station-external hide">
                    <label>Código da estação</label>
                    <input class="form-control" type="text" name="provider_address" autofocus="autofocus"
                        value="{{ $station->provider_address ?? old('provider_address') }}" placeholder="Código da estação">
                </div>

                <div class="form-group col-sm-6 mac-address">
                    <label>Endereço MAC</label>
                    <input class="form-control" type="text" name="mac_address" autofocus="autofocus"
                        value="{{ $station->mac_address ?? old('mac_address') }}" placeholder="Endereço MAC">
                </div>

                <div class="form-group col-sm-6 measurement-time">
                    <label>Tempo mínimo para medição (minutos)</label>
                    <select class="form-select select2" name='measurement_time'>
                        <option value>Selecione</option>
                        @foreach ($minMeasurementTimes as $minTime)
                            <option value="{{ $minTime }}"
                                {{ (!$station->measurement_time && $minTime == 10) || $minTime == $station->measurement_time || old('measurement_time') == $minTime ? 'selected' : '' }}
                            >
                                {{ $minTime }}</option>
                        @endforeach
                    </select>

                </div>

                {{-- <div class="form-group col-sm-4">
                    <label>hashMD5</label>
                    <input class="form-control" type="text" name="hash_md5" autofocus="autofocus"
                        value="{{ $station->hash_md5 ?? old('hash_md5') }}" placeholder="hashMD5" required="required">
                </div> --}}

            </div>

            <div id="map" class="map-area">

                <div class="target">
                    <i class="fal fa-dot-circle"></i>
                </div>
            </div>

            <div class="row">
                <div class="form-group col-sm-4 btn-group">
                    <a href="{{ route('stations.index') }}" class="btn btn-light mt-3">Voltar</a>
                    <button type="submit" class="btn btn-primary mt-3">{{$station->id ? 'Atualizar' : 'Cadastrar'}}</button>
                </div>
            </div>

        </form>

    </div>
@endsection