@extends('layouts/contentLayoutMaster')

@section('title', 'DataTables')

@section('vendor-style')
    {{-- vendor css files --}}
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/dataTables.bootstrap5.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/responsive.bootstrap5.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
@endsection

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" type="text/css" href="{{ asset('css/base/plugins/forms/pickers/form-flat-pickr.css') }}">

@endsection

@section('content')
    <!-- Ajax Sourced Server-side -->
    <section id="ajax-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header border-bottom d-flex " style="justify-content: space-between !important">
                        <h4 class="card-title">Edit Pengaturan Hulu Sungai</h4>
                        <a href="{{ url('status_siaga/index') }}" class="btn btn-warning">Kembali</a>
                    </div>
                    <div class="card-body mt-2">
                        @if (session('error'))
                            <div class="alert p-2    alert-danger">
                                {{ session('error') }}
                            </div>
                        @endif
                        @if ($errors->any())
                            <div class="alert m-2 p-1 alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form action="{{ url('status_siaga/update_siaga') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')
                            <input type="hidden" name="id" value="{{ $id }}">
                            <div class="row">
                                <div class="col-md-5 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="select2-nested">
                                            <h5>Pilih Perangkat*</h5>
                                        </label>
                                        <select
                                            class="select2 form-select @error('uuid_device')
                                            is-invalid
                                        @enderror"
                                            id="select2-nested-status" name="uuid_device" onchange="perangkat()" required disabled>
                                            <option value="">Pilih</option>
                                            @foreach ($perangkat as $row)
                                                <option value="{{ $row->no }}"
                                                    {{ ($result->uuid_device == $row->no) ? 'selected' : '' }}>
                                                    {{ $row->nama_device }}</option>
                                            @endforeach
                                        </select>
                                        @error('uuid_device')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div> 
                                </div>
                                <div class="col-md-7 col-12">
                                    <div class="mb-1">
                                        <label for="" style="margin-bottom: 5px !important;">
                                            <h5>Lokasi</h5>
                                        </label>
                                        <div class="input-group">
                                            <select name="lokasi_satu" disabled class="form-control" id="lokasi_satu">
                                                <option value="">{{ $result->device->location }}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="title">
                                    <h4><b>Normal</b></h4>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div>
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Minimal Ketinggian (Cm)*</h5>
                                            </label>
                                            <div class="input-group">
                                                <input type="number"
                                                    class="form-control @error('min_normal')
                                                    is-invalid
                                                @enderror"
                                                    placeholder="Masukan Minimal Ketinggian"
                                                    value="{{ $result->min_normal }}" name="min_normal"
                                                    aria-describedby="basic-addon-search1" min="1" required>
                                            </div>
                                            @error('min_normal')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div>
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Maksimal Ketinggian (Cm)*</h5>
                                            </label>
                                            <div class="input-group">
                                                <input type="number"
                                                    class="form-control @error('max_normal')
                                                    is-invalid
                                                @enderror"
                                                    placeholder="Masukan Maksimal Ketinggian"
                                                    value="{{ $result->max_normal }}" name="max_normal"
                                                    aria-describedby="basic-addon-search1" min="1" required>
                                            </div>
                                            @error('max_normal')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div>
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Jangka Waktu (Menit)*</h5>
                                            </label>
                                            <div class="input-group">
                                                <input type="number"
                                                    class="form-control @error('durasi_normal')
                                                    is-invalid
                                                @enderror"
                                                    placeholder="Masukan Jangka Waktu" value="{{ $result->durasi_normal }}"
                                                    name="durasi_normal" aria-describedby="basic-addon-search1"
                                                    min="1" required>
                                            </div>
                                            @error('durasi_normal')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div id="siaga">
                                <div class="row mt-2">
                                    <div class="title">
                                        <h4><b>Siaga 4</b></h4>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Minimal Ketinggian (Cm)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('min_siaga_4')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Minimal Ketinggian"
                                                        value="{{ $result->min_siaga_4 }}" name="min_siaga_4"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('min_siaga_4')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Maksimal Ketinggian (Cm)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('max_siaga_4')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Maksimal Ketinggian"
                                                        value="{{ $result->max_siaga_4 }}" name="max_siaga_4"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('max_siaga_4')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Jangka Waktu (Menit)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('durasi_siaga_4')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Jangka Waktu"
                                                        value="{{ $result->durasi_siaga_4 }}" name="durasi_siaga_4"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('durasi_siaga_4')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="row">
                                    <div class="col-md-8  col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="select2-nested">
                                                <h5>Broadcast Peringatan WhastApp*</h5>
                                            </label>                                            
                                            <select class="select2 form-select  @error('group_siaga_4') is-invalid @enderror"
                                                multiple="multiple" name="group_siaga_4[]" id="default-select-multi-tuju"
                                                required>
                                                @php
                                                    $simpandata = [];
                                                    foreach ($setting_wa_4 as $value) {
                                                        $simpandata[] = $value->uuid_group;
                                                    }
                                                @endphp
                                                @foreach ($group as $main_satut)
                                                    <option value="{{ $main_satut->uuid }}" {{ (in_array($main_satut->uuid,$simpandata)) ? "selected" : ""; }} >{{ $main_satut->group }}</option>
                                                @endforeach
                                            </select>
                                            @error('group_siaga_4')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Status Broadcast Peringatan Whatsapp</h5>
                                            </label>
                                            <div class="d-flex flex-column">
                                                <div class="form-check form-check-primary form-switch">
                                                    <input type="checkbox" name="active_siaga_4"
                                                        {{ ($result->active_siaga_4 == 1) ? 'checked' : '' }}
                                                        class="form-check-input" id="customSwitch3" value="1">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-8 col-12">
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Pesan Broadcast Peringatan Whatsapp*</h5>
                                            </label>
                                            <textarea name="pesan_siaga_4" id="pesan_siaga_4" required placeholder="Pesan Broadcast Peringatan Whatsapp" class="form-control @error('pesan_siaga_4')
                                                is-invalid
                                            @enderror" cols="30" rows="5">{!! $result->pesan_siaga_4 !!}</textarea>
                                            @error('pesan_siaga_4')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div> --}}
                            </div>
                            <div id="siaga">
                                <div class="row mt-2">
                                    <div class="title">
                                        <h4><b>Siaga 3</b></h4>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Minimal Ketinggian (Cm)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('min_siaga_3')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Minimal Ketinggian"
                                                        value="{{ $result->min_siaga_3 }}" name="min_siaga_3"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('min_siaga_3')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Maksimal Ketinggian (Cm)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('max_siaga_3')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Maksimal Ketinggian"
                                                        value="{{ $result->max_siaga_3 }}" name="max_siaga_3"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('max_siaga_3')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Jangka Waktu (Menit)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('durasi_siaga_3')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Jangka Waktu"
                                                        value="{{ $result->durasi_siaga_3 }}" name="durasi_siaga_3"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('durasi_siaga_3')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="row">
                                    <div class="col-md-8  col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="select2-nested">
                                                <h5>Broadcast Peringatan WhastApp*</h5>
                                            </label>
                                            <select class="select2 form-select  @error('group_siaga_3') is-invalid @enderror"
                                                multiple="multiple" name="group_siaga_3[]" id="default-select-multi-lapan"
                                                required>
                                                @php
                                                    $simpandata_tiga = [];
                                                    foreach ($setting_wa_3 as $value_tiga) {
                                                        $simpandata_tiga[] = $value_tiga->uuid_group;
                                                    }
                                                @endphp
                                                @foreach ($group as $main_satue)
                                                    <option value="{{ $main_satue->uuid }}" {{ (in_array($main_satue->uuid,$simpandata_tiga)) ? "selected" : ""; }} >{{ $main_satue->group }}</option>
                                                @endforeach
                                            </select>
                                            @error('group_siaga_3')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Status Broadcast Peringatan Whatsapp</h5>
                                            </label>
                                            <div class="d-flex flex-column">
                                                <div class="form-check form-check-primary form-switch">
                                                    <input type="checkbox" name="active_siaga_3"
                                                        {{ ($result->active_siaga_3 == 1) ? 'checked' : '' }}
                                                        class="form-check-input" id="customSwitch3" value="1">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-8 col-12">
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Pesan Broadcast Peringatan Whatsapp*</h5>
                                            </label>
                                            <textarea name="pesan_siaga_3" id="pesan_siaga_3" required placeholder="Pesan Broadcast Peringatan Whatsapp" class="form-control @error('pesan_siaga_3')
                                                is-invalid
                                            @enderror" cols="30" rows="5">{!! $result->pesan_siaga_3 !!}</textarea>
                                            @error('pesan_siaga_3')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div> --}}
                            </div>
                            <div id="siaga">
                                <div class="row mt-2">
                                    <div class="title">
                                        <h4><b>Siaga 2</b></h4>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Minimal Ketinggian (Cm)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('min_siaga_2')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Minimal Ketinggian"
                                                        value="{{ $result->min_siaga_2 }}" name="min_siaga_2"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('min_siaga_2')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Maksimal Ketinggian (Cm)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('max_siaga_2')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Maksimal Ketinggian"
                                                        value="{{ $result->max_siaga_2 }}" name="max_siaga_2"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('max_siaga_2')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Jangka Waktu (Menit)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('durasi_siaga_2')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Jangka Waktu"
                                                        value="{{ $result->durasi_siaga_2 }}" name="durasi_siaga_2"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('durasi_siaga_2')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="row">
                                    <div class="col-md-8  col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="select2-nested">
                                                <h5>Broadcast Peringatan WhastApp*</h5>
                                            </label>
                                            <select class="select2 form-select  @error('group_siaga_2') is-invalid @enderror"
                                                multiple="multiple" name="group_siaga_2[]" id="default-select-multi-sembilan"
                                                required>
                                                @php
                                                    $simpandata_dua = [];
                                                    foreach ($setting_wa_2 as $value_dua) {
                                                        $simpandata_dua[] = $value_dua->uuid_group;
                                                    }
                                                @endphp
                                                @foreach ($group as $main_satur)
                                                    <option value="{{ $main_satur->uuid }}" {{ (in_array($main_satur->uuid,$simpandata_dua)) ? "selected" : ""; }} >{{ $main_satur->group }}</option>
                                                @endforeach
                                            </select>
                                            @error('group_siaga_2')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Status Broadcast Peringatan Whatsapp</h5>
                                            </label>
                                            <div class="d-flex flex-column">
                                                <div class="form-check form-check-primary form-switch">
                                                    <input type="checkbox" name="active_siaga_2"
                                                        {{ ($result->active_siaga_2 == 1) ? 'checked' : '' }}
                                                        class="form-check-input" id="customSwitch3" value="1">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-8 col-12">
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Pesan Broadcast Peringatan Whatsapp*</h5>
                                            </label>
                                            <textarea name="pesan_siaga_2" id="pesan_siaga_2" required placeholder="Pesan Broadcast Peringatan Whatsapp" class="form-control @error('pesan_siaga_2')
                                                is-invalid
                                            @enderror" cols="30" rows="5">{!! $result->pesan_siaga_2 !!}</textarea>
                                            @error('pesan_siaga_2')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div> --}}
                            </div>
                            <div id="siaga">
                                <div class="row mt-2">
                                    <div class="title">
                                        <h4><b>Siaga 1</b></h4>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Minimal Ketinggian (Cm)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('min_siaga_1')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Minimal Ketinggian"
                                                        value="{{ $result->min_siaga_1 }}" name="min_siaga_1"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('min_siaga_1')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Maksimal Ketinggian (Cm)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('max_siaga_1')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Maksimal Ketinggian"
                                                        value="{{ $result->max_siaga_1 }}" name="max_siaga_1"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('max_siaga_1')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div>
                                            <div class="mb-1">
                                                <label for="" style="margin-bottom: 5px !important;">
                                                    <h5>Jangka Waktu (Menit)*</h5>
                                                </label>
                                                <div class="input-group">
                                                    <input type="number"
                                                        class="form-control @error('durasi_siaga_1')
                                                        is-invalid
                                                    @enderror"
                                                        placeholder="Masukan Jangka Waktu"
                                                        value="{{ $result->durasi_siaga_1 }}" name="durasi_siaga_1"
                                                        aria-describedby="basic-addon-search1" min="1" required>
                                                </div>
                                                @error('durasi_siaga_1')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="row">
                                    <div class="col-md-8  col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="select2-nested">
                                                <h5>Broadcast Peringatan WhastApp*</h5>
                                            </label>
                                            <select class="select2 form-select  @error('group_siaga_1') is-invalid @enderror"
                                                multiple="multiple" name="group_siaga_1[]" id="default-select-multi-dua"
                                                required>
                                                @php
                                                    $simpandata_satu = [];
                                                    foreach ($setting_wa_1 as $value_satu) {
                                                        $simpandata_satu[] = $value_satu->uuid_group;
                                                    }
                                                @endphp
                                                @foreach ($group as $main_satus)
                                                    <option value="{{ $main_satus->uuid }}" {{ (in_array($main_satus->uuid,$simpandata_satu)) ? "selected" : ""; }} >{{ $main_satus->group }}</option>
                                                @endforeach
                                            </select>
                                            @error('group_siaga_1')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Status Broadcast Peringatan Whatsapp</h5>
                                            </label>
                                            <div class="d-flex flex-column">
                                                <div class="form-check form-check-primary form-switch">
                                                    <input type="checkbox"
                                                        {{ ($result->active_siaga_1 == 1) ? 'checked' : '' }}
                                                        name="active_siaga_1" class="form-check-input" id="customSwitch3"
                                                        value="1">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-8 col-12">
                                        <div class="mb-1">
                                            <label for="" style="margin-bottom: 5px !important;">
                                                <h5>Pesan Broadcast Peringatan Whatsapp*</h5>
                                            </label>
                                            <textarea name="pesan_siaga_1" id="pesan_siaga_1" required placeholder="Pesan Broadcast Peringatan Whatsapp" class="form-control @error('pesan_siaga_1')
                                                is-invalid
                                            @enderror" cols="30" rows="5">{!! $result->pesan_siaga_1 !!}</textarea>
                                            @error('pesan_siaga_1')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>
                                </div> --}}
                            </div>
                            <div class="row">
                                <div class="col-md-8 col-12">
                                    <div class="mb-1">
                                        <label for="" style="margin-bottom: 5px !important;">
                                            <h5>Nama Pengaturan*</h5>
                                        </label>
                                        <div class="input-group">
                                            <input type="text"
                                                class="form-control @error('nama_setting_siaga')
                                            is-invalid
                                        @enderror"
                                                placeholder="Nama Pengaturan" name="nama_setting_siaga"
                                                aria-describedby="basic-addon-search1" 
                                                value="{{ $result->nama_setting_siaga }}" required>
                                        </div>
                                        @error('nama_setting_siaga')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            @if ($result)
                            @if ($result->active == "1")
                            <div class="row" id="pindah">
                                <div class="col-md-8 col-12">
                                    <div class="mb-2">
                                        <label for="" style="margin-bottom: 5px !important;">
                                            <h5>Pilih Pengaturan Siaga Baru</h5>
                                        </label>
                                            <select
                                            class="select2 form-select  @error('pilih_setting')
                                            is-invalid
                                        @enderror" 
                                            id="select2-nested-statusq12" name="pilih_setting" onchange="perangkat()" >
                                            <option value="">Pilih</option>
                                            @foreach ($setting as $setting_satu)
                                                <option value="{{ $setting_satu->uuid }}">{{ $setting_satu->nama_setting_siaga }}</option>
                                            @endforeach
                                        </select>
                                        @error('pilih_setting')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>  
                                </div>
                            </div>
                            <div class="mb-1">
                                <label for="checks" style="margin-bottom: 5px !important;">
                                    <h5>Status Aktif</h5>
                                </label>
                                <div class="d-flex flex-column">
                                    <div class="form-check form-check-primary form-switch">
                                        <input type="checkbox" name="active" class="form-check-input checkt" 
                                            {{ ($result->active == 1) ? 'checked' : '' }} id="checks" onclick="klik()"
                                            value="1">
                                    </div>
                                </div>
                            </div>
                            
                            @endif
                        @endif
                          
                           
                            
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
         var pindah = document.getElementById('pindah');
         pindah.style.display = 'none';
         function klik()
         {
            var  checks =document.getElementById("checks");
            if(checks.checked == true) {
                pindah.style.display = 'none';
            } else {
                pindah.style.display = 'block';
            }
        }

        // $("#lokasi_satu").style = "display"
        var lokasi_satu = document.getElementById("lokasi_satu");
        lokasi_satu.style.display = "block";
        var lokasi_dua = document.getElementById("lokasi_dua");
        lokasi_dua.style.display = "none";
        $("#lokasi_dua").hide()

        function perangkat() {
            let val = $("#select2-nested-status").val()
            lokasi_satu.style.display = "none";
            lokasi_dua.style.display = "block";
            $.ajax({
                url: "{{ url('status_siaga/ambil_device') }}/" + val,
                success: function(data) {
                    $("#lokasi_dua").html(data)
                }
            })
        }

       
    </script>
@endsection


@section('vendor-script')
    {{-- vendor files --}}
    <script src="{{ asset(mix('vendors/js/tables/datatable/jquery.dataTables.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.bootstrap5.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.responsive.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/tables/datatable/responsive.bootstrap5.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
    <script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
@endsection

@section('page-script')
    {{-- Page js files --}}
    <script src="{{ asset(mix('js/scripts/tables/table-datatables-advanced.js')) }}"></script>
    <script src="{{ asset(mix('js/scripts/forms/form-select2.js')) }}"></script>
    <script src="{{ asset(mix('js/scripts/components/components-modals.js')) }}"></script>
    <script>
        $(document).ready(function() {
            $("#table").DataTable();
        });

    </script>
@endsection