@extends('layouts.main')

@section('container')
    <form class="card ajax_post" cemes="form" action="{{ route('admin.activity.update', $activity->id) }}"
        cemes-redirect="{{ url()->current() }}">
        <div class="card-body">
            <div class="row">
                <input type="hidden" name="id" value="{{ $activity->id }}">
                <div class="col-12 col-sm-6">
                    <div class="h5 text-capitalize">Actor</div>
                    <div class="form-group">
                        <label for="showroom_id">Showroom</label>
                        <select name="showroom_id" id="showroom_id" class="form-control custom-select2" width="100%"
                            data-url="{{ route('admin.select.showroom') }}">
                            <option value="{{ $activity->showroom_id ?? '' }}" selected>{{ optional($activity->showroom)->name }}
                            </option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="product_id">Mobil</label>
                        <select name="product_id" id="product_id" class="form-control custom-select2" width="100%"
                            data-url="{{ route('admin.select.product') }}">
                            <option value="{{ $activity->product_id ?? '' }}" selected>{{ optional($activity->product)->name }}
                            </option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="sales_id">Sales</label>
                        <select name="sales_id" id="sales_id" class="form-control custom-select2" width="100%"
                            data-url="{{ route('admin.select.sales') }}">
                            <option value="{{ $activity->sales_id ?? '' }}" selected>{{ optional($activity->sales)->name }}</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="action">Action</label>
                        <select name="action" id="action" class="form-control" width="100%">
                            <option value="{{ $activity->action ?? '' }}" selected>{{ ucfirst($activity->action) }}</option>
                            @foreach (Activity::allStatus() as $item)
                                <option value="{{ $item }}" class="text-capitalize" selected>{{ ucfirst($item) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    {{-- {{ $activity->showroom_id }}
                    {{ $activity->sales_id }}
                    {{ $activity->product_id }}
                    {{ $activity->is_approve }}
                    {{ $activity->action }} --}}
                </div>
                <div class="col-12 col-sm-6">
                    @php
                        $data = $activity->{$activity->action};
                    @endphp
                    <div id="action_detail">
                        <div class="h5 text-capitalize">Detail {{ $activity->action }}</div>
                        @switch($activity->action)
                            @case('garansi')
                                {!! view('admin.activity.components.input', [
                                    'name' => 'id_inspeksi',
                                    'title' => 'ID Inspeksi WPlus',
                                    'value' => optional($data)->id_inspeksi,
                                ]) !!}
                                {!! view('admin.activity.components.input', [
                                    'name' => 'nomor_invoice',
                                    'title' => 'Nomor Invoice',
                                    'value' => optional($data)->nomor_invoice,
                                ]) !!}
                                {!! view('admin.activity.components.input', [
                                    'name' => 'nomor_garansi',
                                    'title' => 'Nomor Garansi',
                                    'value' => optional($data)->nomor_garansi,
                                ]) !!}
                                {!! view('admin.activity.components.input', [
                                    'name' => 'no_polisi',
                                    'title' => 'Nomor Polisi',
                                    'value' => optional($data)->no_polisi,
                                ]) !!}
                            @break

                            @case('prospect')
                            @case('maintain')
                            <div style="overflow:auto; position: relative; height: 160px" class="my-3">
                                <div id="previewDocument" class="d-flex" style="position: absolute">
                                    @foreach ($activity->attachment as $item)
                                    <div>
                                        <img class="bg-primary mx-2" style="width: 120px; height: 120px; object-fit: cover" src="${filename_url}">
                                        <input hidden name="documentation_photo[]" value="{{ $item->filename_url }}">
                                        <button type="button" class="btn btn-sm btn-default btn-block" onclick="$(this).parent().remove()"
                                        data-delete-url="...">Hapus</button>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                                {!! view('admin.activity.components.input', [
                                    'name' => 'notes',
                                    'title' => 'Catatan',
                                    'value' => $data->notes,
                                ]) !!}
                                {!! view('admin.activity.components.input', [
                                    'name' => 'gps_locator',
                                    'title' => 'Lokasi',
                                    'value' => $data->gps_locator,
                                ]) !!}
                            @break

                            @default
                        @endswitch
                    </div>
                </div>
            </div>

            <div class="card-footer text-right">
                <button class="btn btn-primary" type="submit">Simpan Perubahan</button>
            </div>
        </div>
    </form>
@endsection

@push('stack-script')
    <script>
        $(document).ready(function() {
            let selectObj = $('.custom-select2')
            selectObj.each((key, value) => {
                let dom = $(value);
                let url = dom.data('url');
                console.log(url);
                $.get(url).done((data) => {
                    console.log(dom);
                    console.log(url);
                    let option = data.result
                    console.log(option);
                    Object.keys(option).forEach((k, i) => {
                        let opt = `<option value="${k}">${option[k]}</option>`
                        dom.append(opt)
                    });
                }).always(console.log('=w=)/)'))
            });
            selectObj.select2()
        });
    </script>
@endpush