@extends('backend.master')
@section('title')
    বিচার-সালিশ নোটিশ
@endsection
@section('body')
    @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 ||  strpos(Auth::user()->permission, 'ড়') !== false)
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="mb-0 font-size-18">বিচার-সালিশ নোটিশ</h4>
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="">বিচার-সালিশ নোটিশ</a></li>
                            <li class="breadcrumb-item active">বিচার-সালিশ নোটিশ</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <form action="{{ route('case.notice-update',['id' => $notice->id, 'notice_number' => $notice->notice_number]) }}" method="POST" class="needs-validation" novalidate >
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group row mb-4">
                                <label for="notice_content" class="form-label">নোটিশ নামাঃ<span class="required">*</span></label>
                                <textarea class="form-control" name="notice_content" rows="7" id="notice_content" required>{{ $notice->notice_content }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group row mb-4">
                                <label for="meeting_place" class="form-label">সভার স্থান<span class="required">*</span></label>
                                <input type="text" class="form-control" name="meeting_place" value="{{ $notice->meeting_place }}" id="meeting_place" required>
                            </div>
                            <div class="form-group row mb-4">
                                <label for="meeting_date" class="form-label">সভার তারিখ<span class="required">*</span></label>
                                <input type="date" class="form-control" name="meeting_date" value="{{ $notice->meeting_date }}" id="meeting_date" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group row mb-4">
                                <label for="meeting_time" class="form-label">সভার সময়<span class="required">*</span></label>
                                <input type="time" class="form-control" name="meeting_time" value="{{ $notice->meeting_time }}" id="meeting_time" required>
                            </div>
                            <div class="form-group row mb-4">
                                <label for="deliver_user" class="form-label">দায়িত্বরত ইউজার<span class="required">*</span></label>
                                <select class="form-control select2" name="deliver_user" id="deliver_user" required>
                                    <option style="color: red" value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                                    @foreach($users as $item)
                                        <option value="{{ $item->id }}" {{ $item->id == $notice->deliver_user ? 'selected' : '' }}>{{ $item->name }} ({{ $item->designation }})</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <h4>অবগতি ও শুনানী সভায় উপস্থিত থাকার অনুরোধে প্রেরিত হলোঃ</h4>
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>নাম</th>
                                    <th>পদবী</th>
                                    <th>প্রতিষ্ঠান/মহলা</th>
                                    <th>ক্রিয়া</th>
                                </tr>
                                </thead>
                                <tbody id="attend_person_body">
                                @php($i = 0)
                                @foreach(json_decode($notice->attend_person) as $item)
                                    <tr>
                                        <td><input type="text" class="form-control" name="attend_person[{{ $i }}][name]" value="{{ $item->name }}" id="meeting_time" placeholder="নাম" required></td>
                                        <td><input type="text" class="form-control" name="attend_person[{{ $i }}][designation]" value="{{ $item->designation }}" id="meeting_time" placeholder="পদবী" required></td>
                                        <td><input type="text" class="form-control" name="attend_person[{{ $i }}][identity_area]" value="{{ $item->identity_area }}" id="meeting_time" placeholder="প্রতিষ্ঠান/মহলা" required></td>
                                        <td>
                                            @if($i > 0)
                                                <button type="button" class="btn btn-sm btn-danger attend-person-remove-button">-</button>
                                            @endif
                                        </td>
                                    </tr>
                                    @php($i++)
                                @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="4" class="text-right">
                                            <button type="button" class="btn btn-sm btn-dark add_attend_person">+</button>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group row">
                                <button type="submit" class="btn btn-primary disabled_button waves-effect btn-label waves-light btn-block"><i class="bx bx-check-double label-icon"></i>সাবমিট</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endif
@endsection
@section('script')
    <script>
        var index = 200;
        $(".add_attend_person").on('click', function (){
            let tr = '';
            tr += `<tr>
                    <td><input type="text" class="form-control" name="attend_person[${index}][name]" id="meeting_time" placeholder="নাম" required></td>
                    <td><input type="text" class="form-control" name="attend_person[${index}][designation]" id="meeting_time" placeholder="পদবী" required></td>
                    <td><input type="text" class="form-control" name="attend_person[${index}][identity_area]" id="meeting_time" placeholder="প্রতিষ্ঠান/মহলা" required></td>
                    <td><button type="button" class="btn btn-sm btn-danger attend-person-remove-button">-</button></td>
                </tr>`;
            $('#attend_person_body').append(tr);
            index++;
        })
        $(document).on('click', '.attend-person-remove-button', function () {
            $(this).closest('tr').remove();
        });
    </script>
@endsection