@extends('layouts.index')
@section('css-part')
<link rel="stylesheet" href="{{ asset('assets/css/general.panel.css') }}">
@endsection
@section('js-part')
<script src="{{ asset('assets/js/city.js') }}"></script>
<script src="{{ asset('assets/js/general.panel.js') }}"></script>
<script>
    const AcceptButton = document.getElementById("contractBtn");
    AcceptButton.addEventListener("click", function (e) {
        e.preventDefault();
        const ContractDiv = document.getElementById("editor");
        const ContractInput = document.getElementById("contract");
        const editForm = document.getElementById("contractForm");
        ContractInput.value = ContractDiv.innerHTML;
        editForm.submit();
    });
</script>
@endsection
@section('panel')
@include('layouts.header.header')
@include('layouts.nav.nav')
@endsection
@section('container')
<div class="container">
    <h2 class=" text-center mt-3">ارسال پیام به کاربران</h2>
    @include('layouts.notification.success')
    @include('layouts.notification.error')
     
    <form action="" method="post">
        <div class="form-group">
            <label for="user" class="mb-2">انتخاب کاربر</label>
            <select name="user" id="user" class=" form-control">
                <option value="0">انتخاب کاربر</option>
            </select>
        </div> 
        <div class="form-group mt-3">
            <label for="message" class="mb-2">متن پیام</label>
            <textarea name="message" id="message" rows="10" class="form-control"></textarea>
        </div>
        <div class="mt-3">
            <button type="submit" class="btn btn-success">ثبت پیام</button>
        </div>
    </form>


</div>
@endsection
