@extends('layouts.admin')
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb  py-0">
        <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ __('messages.Home') }}</a></li>
        <li class="breadcrumb-item" aria-current="page">
            <a href="{{ $user->type == 'vendor' ? route('admin.vendors.index') : route('admin.customers.index') }}">
                {{   $user->type == 'vendor' ? __('messages.Service provider') : __('messages.Customers')  }}
            </a>
        </li>
        <li class="breadcrumb-item " aria-current="page">
            <a href="{{ $user->type == 'vendor' ? route('admin.vendors.show' , $user->id) : route('admin.customers.show' , $user->id) }}">
                {{ $user->name }}
            </a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">{{ __('messages.Send notification') }}</li>

    </ol>
</nav>


<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header">
                <h4 class=".card-title">{{ __("messages.Send notification") }}</h4>
                <span class="input_lable_note">{{ __('messages.If the English fields are left blank, the Arabic text will be taken when displayed to the customer') }}</span>
            </div>
            <div class="card-body">
                <ul class="nav nav-tabs mb-3">
                    <li class="nav-item">
                        <a href="#arabic" data-bs-toggle="tab" aria-expanded="false" class="nav-link active">
                            {{ __("messages.lang.Arabic") }}
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#english" data-bs-toggle="tab" aria-expanded="true" class="nav-link ">
                            {{ __("messages.lang.English") }}
                        </a>
                    </li>

                </ul>

                <form action="{{ route('admin.users.actions.notifications.send' , $user->id) }}" method="POST">
                    @csrf
                    <div class="tab-content">

                        <div class="tab-pane active" id="arabic">


                            <div class="mb-3">
                                <label for="desc_ar" class="form-label">{{ __("messages.Message") }}</label>
                                <textarea name="desc_ar" class="form-control @error('desc_ar') is-invalid @enderror" placeholder='{{ __("messages.Message") }}' id="desc_ar"
                                    rows="10">{{ old('desc_ar') }}</textarea>
                                @error('desc_ar')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="tab-pane show " id="english">

                            <div class="mb-3">
                                <label for="desc_en" class="form-label">{{ __("messages.Message") }}</label>
                                <textarea   name="desc_en" class="form-control @error('desc_en') is-invalid @enderror" placeholder='{{ __("messages.Message") }}' id="desc_en"
                                    rows="10">{{ old('desc_en') }}</textarea>
                                @error('desc_en')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-12 mt-4">
                        <button type="submit" class="btn btn-primary btn-block col-12">{{ __("messages.Send") }} <i class="mdi mdi-send me-1 fs-20 lh-1"></i></button>
                    </div>
                </form>

            </div> <!-- end card-body -->
        </div> <!-- end card-->
    </div> <!-- end col -->


</div>
@endsection