@extends('admin.layouts.master')

@section('content')
<style>
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #007bff;
    }
</style>  
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Create faq</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
                        <li class="breadcrumb-item active">
                            <a href="{{asset(route('benefit_faqs.index'))}}">Faq</a>
                        </li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @endif
    @if(session()->has('error'))
        <div class="alert alert-success">
            {{ session()->get('error') }}
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div><br />
    @endif
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Create Faq</h3>
                    </div>
                    <div class="card-body">
                        <form role="form" method="post" action="{{!isset($benefitCategoryFaq['id']) ? route('benefit_faqs.store') : route('benefit_faqs.update',$benefitCategoryFaq['id'])}}">
                            @csrf
                            @if(isset($benefitCategoryFaq['id']))
                                {{ method_field('PUT') }}
                            @endif

                            <div class="form-group">
                                <label>Category</label>
                                <select class="form-control select2" style="width: 100%;" name="category_id" required>
                                <option value="" selected>Select Category</option>
                                        @foreach($categories as $category)
                                        @php $country_name = isset( $category->country->name) ? ' ('.$category->country->name.')' : "" @endphp
                                        <option value="{{$category->id}}" {{(isset($benefitCategoryFaq['category_id']) && $benefitCategoryFaq['category_id'] == $category->id) ? "selected" : ""}}>{{$category->name.$country_name}}</option>
                                        @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label>Country</label>
                                <select class="form-control select2" style="width: 100%;" name="country_id[]" multiple required>
                                    @php $country_ids = isset($benefitCategoryFaq['country_ids']) ? explode(",",$benefitCategoryFaq['country_ids']) : [] @endphp
                                    @foreach($countries as $country)
                                        <option value="{{$country->id}}" {{in_array($country->id,$country_ids) ? "selected" : ""}}>{{$country->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="row form-group">
                                <div class="col">
                                    <label>Question</label>
                                    <textarea name="question" class="form-control" required>{{$benefitCategoryFaq->question}}</textarea>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label>Answer</label>
                                <textarea name="answer" class="form-control" required>{{$benefitCategoryFaq->answer}}</textarea>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-12 text-right">
                                    <button class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection