@extends('layouts.app')

@section('appjs')
<script type="application/javascript" src="{{ asset('js/app.js') }}"></script>
@endsection

@section('content')

@section('page_title') Edit Whatsapp Account @endsection
<div class="container">
    <div class="row">
        <div class="col-10 offset-md-1">
            <div class="card">
                <div class="card-header">
                    <h4>Edit Whatsapp Account
                        @can('hasViewPermission')
                        <a class="btn btn-primary btn-sm pull-right text-white" href="{{url('getWhatsappAccountList')}}">WhatsApp Account List</a>
                        @endcan
                    </h4>
                </div>
                <div class="card-body">
                    <form method="post" action="{{route('updateWhatsappAccount')}}" enctype="" autocomplete="off">
                        {{ csrf_field() }}
                        <div class="form-group row desc">
                            <label for="organization" class="col-sm-3 col-form-label">Organization</label>
                            <div class="col-sm-9">
                                <select class="form-control" name="organization" id="organization" data-live-search="true" >
                                    <option value="">Select Organization</option>
                                    @foreach($account_names as $account_name)
                                    <option value={{$account_name->id}} @if($account_name->id == $data['parent_id']) selected @endif>{{$account_name->account_name}} ({{$account_name->email}})</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <!-- <div class="form-group row desc">
                            <label for="category" class="col-sm-3 col-form-label">Category</label>
                            <div class="col-sm-9">
                                <select class="form-control" name="category[]"  multiple id="category">
                                    @foreach ($categories as $val)
                                        @php
                                        $selected = in_array($val->type_id, explode(',', $data['category']));
                                        @endphp
                                        <option value="{{ $val->type_id }}" {{ in_array($val->type_id, old('category', [])) || $selected ? 'selected' : '' }}> {{ $val->type_name }} </option>
                                    @endforeach
                                </select>
                                <span class="error-categories span-error redIcon"></span>
                            </div>
                        </div> -->
                        <div class="form-group row">
                            <label for="platform_type" class="col-sm-3 col-form-label">Platform Type</label>
                            <div class="col-sm-9">
                                <select class="form-control" name="platform_type" id="platform_type">
                                    <option value="" selected disabled>Select Platform</option>
                                    <option value="1" @if(1 == $data['platform_type']) selected @endif >Route</option>
                                    <option value="2" @if(2 == $data['platform_type']) selected @endif >Pinnacle</option>
                                    <option value="3" @if(3 == $data['platform_type']) selected @endif >Cloud API</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="account_name" class="col-sm-3 col-form-label">Account Name</label>
                            <div class="col-sm-9">
                                <input name="account_name" type="text" class="form-control" id="account_name" value="{{$data['account_name']}}" placeholder="Please Enter Account Name" required>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="account_number" class="col-sm-3 col-form-label">Account Number</label>
                            <div class="col-sm-9">
                                <input name="account_number" type="number" class="form-control" id="account_number" value="{{$data['account_number']}}" placeholder="Please Enter Account Number" required>
                            </div>
                        </div>
                         <div class="form-group row non_cloud_api">
                            <label for="username" class="col-sm-3 col-form-label">User Name</label>
                            <div class="col-sm-9">
                                <input name="username" type="text" class="form-control" id="username" value="{{$data['username']}}" placeholder="Please Enter Username" required>
                            </div>
                        </div>
                         <div class="form-group row non_cloud_api">
                            <label for="password" class="col-sm-3 col-form-label">Password</label>
                            <div class="col-sm-9">
                                <input name="password" type="text" class="form-control" id="password" value="{{$data['password']}}" placeholder="Please Enter Password" required>
                            </div>
                        </div>
                        <div class="form-group row cloud_api">
                            <label for="waba_id" class="col-sm-3 col-form-label">WABA ID</label>
                            <div class="col-sm-9">
                                <input name="waba_id" type="text" class="form-control" id="waba_id" value="{{$data['username']}}" placeholder="Please Enter Waba Id">
                            </div>
                        </div>
                        <div class="form-group row cloud_api">
                            <label for="phone_number_id" class="col-sm-3 col-form-label">Phone Number Id</label>
                            <div class="col-sm-9">
                                <input name="phone_number_id" type="text" class="form-control" id="phone_number_id" value="{{$data['password']}}" placeholder="Please Enter Phone Number Id">
                            </div>
                        </div>
                        @can('hasAddPermission')
                        <div class="form-group row">
                            <div class="offset-sm-3 col-sm-9">
                                <button type="submit" id="#addwhatsappaccount" class="btn btn-sm btn-block btn-primary">Submit</button>
                            </div>
                        </div>
                        @endcan
                        <div class="form-group text-center">
                            <input id="row_id" name="row_id" type="hidden" value="{{$data['id']}}">
                            <input id="old_organization" name="old_organization" type="hidden" value="{{$data['parent_id']}}" />
                            <input id="old_account_name" name="old_account_name" type="hidden" value="{{$data['account_name']}}" />
                            <input id="old_user_name" name="old_user_name" type="hidden" value="{{$data['username']}}" />
                            <input id="old_password" name="old_password" type="hidden" value="{{$data['password']}}" />
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="application/javascript" src="{{ asset('js/Account_info/whatsapp_integration.js') }}"></script>
@endsection