@extends('admin.layout.master')
@section('content')
    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between">
            <h4>{{ __('obs.commission_setup') }}</h4>
        </div>
        <div class="card-body">
            <form action="{{ route('frontdesk.frontdesk.commission_setup.store') }}" method="POST" class="form_submit">
                <div class="row g-2">
                    @php

                        $existing_warehouses = [];
                        $start_date = null;
                        $end_date = null;
                        $target_type = null;
                        $target_method = null;
                        $exist_info = $info ? $info->first() : null;
                        if($exist_info){
                            $existing_warehouses = $exist_info->getWarehouses->pluck('warehouse_id')->toArray();
                            $start_date = date('d-m-Y',strtotime($exist_info->start_date));
                            $end_date = date('d-m-Y',strtotime($exist_info->end_date));
                            $target_type = $exist_info->target_type;
                            $target_method = $exist_info->target_method;
                        }
                    @endphp
                    <div class="col-4">
                        <input type="hidden" name="group_name" value="{{ $info ? $info->first()->group_name : null }}">
                        <div class="card sina-card">
                            <div class="card-body">
                                <div class="row g-2">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="">{{ __('obs.hotel') }}</label>
                                            <select name="warehouse_id[]" class="form-control select_2" id="warehouse_id" multiple>
                                                @foreach (adminAsignedWarehouseList()->where('type',3) as $v)
                                                    <option @if(in_array($v->id, $existing_warehouses)) selected="selected" @endif value="{{ $v->id }}">{{ $v->name_eng }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="">{{ __('obs.start_date') }}</label>
                                            <input type="text" name="start_date" class="form-control date_picker" id="start_date" value="{{ $start_date }}">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="">{{ __('obs.end_date') }}</label>
                                            <input type="text" name="end_date" class="form-control date_picker" id="end_date" value="{{ $end_date }}">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="">{{ __('obs.target_type') }}</label>
                                            <select name="target_type" class="form-control select_2" id="target_type">
                                                <option value="1" {{ $target_type == 1 ? 'selected' : '' }}>{{ __('obs.room_quantity') }}</option>
                                                <option value="2" {{ $target_type == 2 ? 'selected' : '' }}>{{ __('obs.bill_amount') }}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="">{{ __('obs.target_method') }}</label>
                                            <select name="target_method" class="form-control select_2" id="target_method">
                                                <option value="1" {{ $target_method == 1 ? 'selected' : '' }}>{{ __('obs.new_room') }}</option>
                                                <option value="2" {{ $target_method == 2 ? 'selected' : '' }}>{{ __('obs.ocupied_room') }}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="card sina-card">
                            <div class="card-body">
                                <table class="table cl-table table-bordered">
                                    <thead>
                                        <tr>
                                            <td>{{ __('obs.sl') }}</td>
                                            <td>{{ __('obs.target') }}</td>
                                            <td>{{ __('obs.commission') }}</td>
                                            <td>
                                                <button type="button" class="btn btn-primary" onclick="addRow()"><i class="fa fa-plus"></i></button>
                                            </td>
                                        </tr>
                                    </thead>
                                    <tbody id="tbody">
                    
                                    </tbody>
                                </table>
                                
                                <button class="btn btn-primary w-100" type="submit">{{__('submit')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    @include('frontdesk.common.common')
@endsection
@section('script')
    <script>
        let sl = 0;
        let info = @json($info?$info:null);
        $(document).ready(function(){
            if(info){
                for(var i = 0; i < info.length; i++){
                    addRow(info[i].target_value,info[i].commission_percent);
                }
            } else{
                for(var i = 0; i < 3; i++){addRow();}
            }
        });
        function addRow(target=0,commission=0){
            let row_html = `<tr id="row_${++sl}">
                <td>${sl}</td>
                <td><input type="number" name="target_value[]" value="${target}" class="form-control"></td>
                <td><input type="number" name="commission_percent[]" value="${commission}" class="form-control"></td>
                <td><button type="button" class="btn btn-danger" onclick="removeRow(${sl})"><i class="fa fa-trash"></i></button></td>
            </tr>`;
            $('#tbody').append(row_html);
        }
        function removeRow(sl){
            $(`#row_${sl}`).remove();
        }
    </script>
@endsection