@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Create Notification</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('notification.index') }}">All Notifications</a></li>
            <li class="breadcrumb-item active">Create Category</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

@if ($message = Session::get('success'))
    <div class="alert alert-success">
        {{ $message }}
    </div>
@endif
<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-9">
          <div class="card card-info card-outline"> 
            <!-- /.card-header -->
            <div class="card-body">
            <form action="{{route('bulksend')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label for="exampleInputEmail1">Company List</label>
                        <select class="form-control" name="comapny">
                          <option value="">-- Select Company --</option>
                          <option value="0">All Company Users</option>
                          @foreach($all_companies as $company)
                            <option value="{{$company->id}}">{{$company->company_name}}</option>
                          @endforeach
                        </select>
                        @error('comapny')
                            <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Title</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter Notification Title" name="title" value="{{old('title')}}">
                        @error('title')
                            <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Message</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter Notification Description" name="body" required value="{{old('body')}}">
                        @error('body')
                            <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                    {{-- 
                    <div class="form-group">
                        <label for="exampleInputEmail1">Image Url</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter image link" name="img">
                    </div>
                    --}}
                    <button type="submit" class="btn btn-primary">Send Notification</button>
                </form>
                
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
            <div class="col-3">
              @include('components.dashboard.vertical')
            </div>
          </div>


            </div>
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>
<!-- /.content -->
<script>
    function loadPhoto(event) {
        var reader = new FileReader();
        reader.onload = function () {
            var output = document.getElementById('photo');
            output.src = reader.result;
        };
        reader.readAsDataURL(event.target.files[0]);
    }
</script>
    
@endsection