@extends('layouts.app', [ "withHeader" => false, "bodyClass" => "overflow-hidden", "mainClass" => "gis sampling-points", "sidebarOpened" => true ])

@section('content')

    <div id="map" class="dark-stroke" data-lat="{{ $crop->lat }}" data-lng="{{ $crop->lng }}"></div>

    <div data-json="crop_id">{{ $crop->id }}</div>
    <div data-json="fields">{{ $crop->fields }}</div>

    <div class="map-controls">
        <form id="gis-file-form" class="shp" data-url="{{ url('sampling_points/file') }}">

            <div class="row">
                <input type="hidden" name="crop_id" value="{{ $crop->id }}" />
                <button type="button" class="btn btn-primary btn-load-file ml-2" title="{{ __('messages.open_zip') }}"><i class="fa fa-folder-open"></i></button>
                <input type="file" name="file" class="hide" accept=".csv, .xls, .xlsx, .zip, .kmz, .kml, .rar" max-size="1000" />
            </div>
        </form>
    </div>

    <div class="map-nutrients-percentage"></div>
    @endsection

    @section('sidebar-content')

        <div class="sidebar-header">
            <h3>{{ __('messages.samples_points') }}</h3>
            <small>{{ __('messages.manage_samples_points') }}</small>
        </div>

        <form class="points-form" method="post" action="{{ url('sampling_points') }}" data-parsley-validate>

            <div class="sidebar-body">

                @include('partials._alert')

                {{-- <select name="field_id" class="form-control hide" data-parsley-errors-messages-disabled>
                    <option value="">Selecione</option>
                </select> --}}

                <input type="hidden" name="farm_id" value="{{ $crop->farm_id }}" />
                <input type="hidden" name="crop_id" value="{{ $crop->id }}" />

                <div class="fields-area zones-area">
                    <div class="no-points obs">{{ __('errors.no_samples_points_registered') }}</div>

                    <div class="table-points hide">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>
                                        <div class="checkbox"><label><input type="checkbox" class="cb-all"><span></span></label></div>
                                    </th>
                                    <th>{{ __('messages.field') }}</th>
                                    <th>{{ __('messages.quantity') }}</th>
                                    <th>{{ __('messages.actions') }}</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>

                <div class="text-right mt15">
                    <button type="button" class="btn btn-danger btn-remove-selected hide" disabled="disabled"><i class="fa fa-trash"></i> Remover Selecionados</button>
                </div>

                <div class="note subtitle mt30 text-right">
                    <p><span class="square blue"></span> {{ __('errors.fields_with_sample_points') }}.</p>
                    <p><span class="square red"></span> {{ __('errors.fields_without_sample_points') }}.</p>
                </div>
            </div>

            <div class="sidebar-footer">

                <div class="row">
                    <div class="col-sm-6 col-xs-12 pr5">
                        <a href="{{ url('farms/' . $crop->farm_id . '/crops/' . $crop->id . '/layers') }}"
                            class="btn btn-light btn-block">{{ __('messages.previous') }}</a>
                    </div>
                    <div class="col-sm-6 col-xs-12 pl5">
                        <button type="submit" class="btn btn-primary btn-block" disabled="disabled">{{ __('messages.save') }}</button>
                    </div>
                </div>
            </div>
        </form>
    @endsection