@extends('layouts.admin.master')

@section('title')Webhook Setting
{{ $title }}
@endsection


@push('css')
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/select2.css') }}">
@endpush

@section('content')
    <div class="container-fluid">
        <div class="page-header">
            <div class="row mb-4">
                <div class="col-lg-6">
                    <h3>Webhook Setting</h3>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">Setting</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('get.webhook') }}">Webhook list</a></li>
                    </ol>
                </div>
                <div class="col-lg-6">
                    <!-- Bookmark Start-->
                    <div class="bookmark">
                        <ul>
                            <!-- <li><button class="btn btn-primary-light" type="button">Add FY</button></li>              -->
                        </ul>
                    </div>
                    <!-- Bookmark Ends-->
                </div>
            </div>

            <div class="row">
                <div class="card">
                    <div class="card-body">
                        <form method="post" action="@if(base64_decode(request()->get('action'))!='add') {{route('save.webhook')}} @else {{route('save.webhook')}} @endif" name="uidForm" id="uidForm">
                            @csrf
                            <div class="form theme-form">
                                @if(base64_decode(request()->get('action'))=='edit')
                                    <div class="row d-none">
                                        <div class="col">
                                            <div class="mb-3">
                                                <label>Id</label>
                                                <input class="form-control" type="hidden"  name="Id" id ="Id" placeholder="Name *" value="{{encrypt_decrypt('encrypt',$data->uidId)}}" />
                                                <span id="nameError" class="addError"></span>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                <div class="row">
                                    <div class="col">
                                        <div class="mb-3">
                                            <label>Trigger on</label>
                                            <select class="form-select" name="action" id="action">
                                                <option value="">--select--</option>
                                                <option value="onCreate">On Creation</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <div class="mb-3">
                                            <label>Users</label>
                                            @php
                                                $usrList = getUserList();
                                            @endphp
                                            <select class="form-select" name="assign[]" id="assign" multiple>
                                                <option value="">--select Assign--</option>
                                                @foreach($usrList as $id=>$name)
                                                    <option value="{{$id}}">{{$name}}</option>
                                                @endforeach
                                                <option value="NotAssigned">Not Assigned</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col justify-content-center">
                                        <div class="text-center"><button class="btn btn-primary" type="submit">@if($data ?? '') {{"Update"}} @else {{"Save"}}@endif</button></div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


    @push('scripts')
        <script src="{{asset('assets/js/app.min.js')}}"></script>
        <script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
        <script src="{{asset('assets/functions/common.js')}}"></script>
        <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
        <script src="{{asset('assets/js/setting/notify.js')}}"></script>

        <script>
            $(function() {
                $("#assign").select2()
            })

            @if ($data)
                $("#assign").select2()
                let userIdJson = {!! $data->user_id !!};
                $("#assign").val(userIdJson).trigger('change');
            @endif
        </script>
    @endpush
@endsection