@extends('frontend.dashboard_master')

@section('dashboard')
    

<div class="main-content">

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0">{{ $title}}</h4>
                    </div>
                </div>
                <div class="col-12">
                    <x-input-error :messages="$errors->get('date_dispatch')" class="mt-2 text-danger" />
                    <x-input-error :messages="$errors->get('reg_no')" class="mt-2 text-danger" />
                    <x-input-error :messages="$errors->get('messenger_name')" class="mt-2 text-danger" />             
                    <x-input-error :messages="$errors->get('institution')" class="mt-2 text-danger" />
                    <x-input-error :messages="$errors->get('name')" class="mt-2 text-danger" />
                    <x-input-error :messages="$errors->get('phone')" class="mt-2 text-danger" />
                </div>
            </div>
            <!-- end page title -->
            
            <div class="row">
                <div class="col-xl-3">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">Add Messenger Book Records</h4>
                             <form action="{{ route('messenger.store')}}" method="post">
                                @csrf
                               <div class="form-group mb-2">
                                 <label for="">Date Dispatched</label>
                                <input type="date" class="form-control" name="date_dispatch">
                              </div> 
                              <div class="form-group mb-2">
                                <label for="">File Reference No.</label>
                                <select class="form-control select2" name="ref_no">
                                  <option value="">Select File Title form filelist</option>
                                  @foreach ($filelistData as $key => $item)  
                                    <option value="{{ $item->transaction . ' | ' . $item->reference}}">{{ $item->transaction . ' | ' . $item->reference}}</option>
                                  @endforeach
                                </select>
                              </div>
                              <div class="form-group mb-2">
                                 <label for="">Messenger's Name</label>
                                <input type="text" class="form-control" name="messenger_name">
                              </div>
                              <div class="form-group mb-2">
                                 <label for="">Name of Institution</label>
                                <input type="text" class="form-control" name="institution">
                              </div>
                              <div class="form-group mb-2">
                                 <label for="">Name of Receiving Officer</label>
                                <input type="text" class="form-control" name="name">
                              </div>
                              <div class="form-group mb-2">
                                 <label for="">Phone Number</label>
                                <input type="text" class="form-control" name="phone">
                              </div>
                             <button type="submit" class="btn btn-primary">Save</button>
                            <!-- /.card-body -->
                          </form>
                            
                        </div>
                    </div>
                    <!-- end card -->
                </div> <!-- end col -->

                <div class="col-xl-9">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">Data table for all Departments</h4>
                            <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                <tr>
                                    <th>Date Dispatched</th>
                                    <th>Ref. No.</th>
                                    <th>Messenger's Name</th>
                                    <th>Name of Institution</th>
                                    <th>Name of Receiving Officer</th>
                                    <th>Phone</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach ($allData as $key => $item)                                 
                                <tr>
                                    <td>{{ date('d M, Y', strtotime($item->date_dispatch)) }}</td>
                                    <td>{{ $item->ref_no}}</td>
                                    <td>{{ $item->messenger_name}}</td>
                                    <td>{{ $item->institution}}</td>
                                    <td>{{ $item->name}}</td>
                                    <td>{{ $item->phone}}</td>
                                    <td>
                                        <a href="{{ route('messenger.edit',$item->id)}}" title="Edit"><i class="ri-edit-line h4 text-warning"></i></a>
                                        <a href="{{ route('messenger.delete',$item->id)}}" title="Delete" id="delete"><i class="ri-delete-bin-fill h4 text-danger"></i></a>
                                    </td>
                                </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- end card -->
                </div> <!-- end col -->
            </div>
            <!-- end row -->
            
           

        </div> <!-- container-fluid -->
    </div>
    <!-- End Page-content -->
    



@endsection