@extends('layouts/layoutMaster')

@section('title', 'SMS')

@section('vendor-style')
<link rel="stylesheet" href="{{asset('assets/vendor/libs/bootstrap-select/bootstrap-select.css')}}" />

<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-select-bs5/select.bootstrap5.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.css')}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />

<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendor/libs/select2/select2.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/formvalidation/dist/css/formValidation.min.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/animate-css/animate.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/sweetalert2/sweetalert2.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/flatpickr/flatpickr.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/select2/select2.css')}}" />

@endsection

@section('vendor-script')
<script src="{{asset('assets/vendor/libs/moment/moment.js')}}"></script>

<script src="{{asset('assets/vendor/libs/datatables/jquery.dataTables.js')}}"></script>
<script src="{{asset('assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js')}}"></script>
<script src="{{asset('assets/vendor/libs/datatables-responsive/datatables.responsive.js')}}"></script>
{{-- <script src="{{asset('assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.js')}}"></script> --}}

<!-- Select -->
<script src="{{asset('assets/vendor/libs/datatables-select/datatables-select.js')}}"></script>
{{-- <script src="{{asset('assets/vendor/libs/datatables-select-bs5/select.bootstrap5.js')}}"></script> --}}
<script src="{{asset('assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.js')}}"></script>

<script src="{{asset('assets/vendor/libs/datatables-buttons/datatables-buttons.js')}}"></script>
{{-- <script src="{{asset('assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.js')}}"></script> --}}
<script src="{{asset('assets/vendor/libs/jszip/jszip.js')}}"></script>
<!-- <script src="{{asset('assets/vendor/libs/pdfmake/pdfmake.js')}}"></script> -->
<script src="{{asset('assets/vendor/libs/datatables-buttons/buttons.html5.js')}}"></script>
<script src="{{asset('assets/vendor/libs/datatables-buttons/buttons.print.js')}}"></script>
<script src="{{asset('assets/vendor/libs/select2/select2.js')}}"></script>
<script src="{{asset('assets/vendor/libs/formvalidation/dist/js/FormValidation.min.js')}}"></script>
<script src="{{asset('assets/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js')}}"></script>
<script src="{{asset('assets/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js')}}"></script>
<script src="{{asset('assets/vendor/libs/cleavejs/cleave.js')}}"></script>
<script src="{{asset('assets/vendor/libs/cleavejs/cleave-phone.js')}}"></script>
<script src="{{asset('assets/vendor/libs/sweetalert2/sweetalert2.js')}}"></script>

<!-- Flat Picker (date picker for advance search datatable)-->
<script src="{{asset('assets/vendor/libs/moment/moment.js')}}"></script>
<script src="{{asset('assets/vendor/libs/flatpickr/flatpickr.js')}}"></script>
<script src="{{asset('assets/vendor/libs/select2/select2.js')}}"></script>

@endsection

@section('page-script')
<script src="{{asset('assets/js/admin/sms.js')}}"></script>
@endsection

@section('content')

<h4 class="py-3 breadcrumb-wrapper mb-4">
  <span class="text-muted fw-light">SMS /</span> SMS
</h4>
@if(session('msg'))
<div class="alert alert-success">
  <strong>{{session('msg')}}!</strong>
</div>
@endif
<!-- List Table -->
<!-- Advanced Search -->
<div class="card">
  <h5 class="card-header">SMS Notification</h5>
  <!--Search Form -->
  <div class="card-body">
    <div class="row">
      <form action="/sendCustomSMS" method="POST" onsubmit="return false;" id="smsForm">
        @csrf
        <div class="col-md-6 col-sm-12 p-2">
          <label>Send To:</label>
          <select name="send_to" class="select2 form-select" id="send_to">
            <option value="all">All Members</option>
            <option value="subscription">Subscription</option>
            <option value="members">Selected Members</option>
          </select>
        </div>
        <div class="col-md-6 col-sm-12 p-2" id="subscriptions-div"  style="display: none;">
          <label>Subscriptions:</label>
          <select name="subscription_id" class="select3 form-select" id="subscriptions">
            <option value="">All</option>
            @foreach($subscriptions as $subscription)
            <option value="{{$subscription->id}}">{{$subscription->name}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-6 col-sm-12 p-2" id="members-div" style="display: none;">
          <label>Members:</label>
          <select name="members[]" class="select5 form-select" id="members" multiple>
            @foreach($members as $member)
            <option value="{{$member->id}}">{{$member->member_id}} {{$member->name}} <small>({{$member->subscription->name}})</small></option>
            @endforeach
          </select>
        </div>
        <div class="col-md-6 col-sm-12 p-2">
          <label>Message:</label>
          <textarea class="form-control" rows="4" name="message" id="message"></textarea>
        </div>

        <div class="col-md-2 p-2">
          <button type="submit" class="btn btn-primary">Send Message</button>
        </div>
      </form>
    </div>
  </div>
    
    
  </div>
  
</div>
<!--/ Advanced Search -->




@endsection