@extends('layouts.app')

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

@section('content')
@section('page_title') Map Category @endsection
<div class="container">
    <div class="row">
        <div class="col-10 offset-md-1">
            <div class="card">
                <div class="card-header">
                    <h4>Map Whatsapp Account With Category
                        @can('hasViewPermission')
                        <a class="btn btn-primary btn-sm pull-right text-white" href="{{url('getWhatsappCategory')}}">Show Mapped Categories</a>
                        @endcan
                    </h4>
                </div>
                <div class="card-body">
                    <form method="post" id="whatsapp_category_form" action="{{route('addWhatsappCategory')}}" enctype="" autocomplete="off">
                        {{ csrf_field() }}
                        <div class="form-group row">
                            <label for="category" class="col-sm-4 col-form-label"> Category </label>
                            <div class="col-sm-8">
                                <select class="form-control" name="category" id="category">
                                    <option value="">---------Choose --------</option>
                                    @foreach($categories as $val)
                                    <option value={{$val->type_id}} {{ old('category') == $val->type_id ? 'selected' : '' }}> {{$val->type_name}} </option>
                                    @endforeach
                                </select>
                                <span class="error-categories span-error redIcon"></span>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="accounts" class="col-sm-4 col-form-label"> Whatsapp Accounts </label>
                            <div class="col-sm-8">
                                <select class="form-control" name="accounts[]" id="accounts" multiple>
                                    @foreach($accounts as $val)
                                    <option value={{$val->id}} {{ in_array($val->id,old('accounts', [])) ? 'selected' : '' }}> {{$val->account_name}} </option>
                                    @endforeach
                                </select>
                                <span class="error-categories span-error redIcon"></span>
                            </div>
                        </div>
                        @can('hasAddPermission')
                        <div class="form-group row">
                            <div class="offset-sm-4 col-sm-8">
                                <button id="addwhatsappcategory" class="btn btn-sm btn-block btn-primary">Submit</button>
                            </div>
                        </div>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="application/javascript" src="{{ asset('js/Account_info/whatsapp_integration.js') }}"></script>
@endsection