@extends('layouts.admin.index')

@section('content')

<div class="row">
  <div class="col-sm-12">
    <div class="home-tab">
      <div class="tab-content tab-content-basic">
        <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview">
          <div class="container-fluid">

            <!-- Page Heading -->
            <div class="d-sm-flex align-items-center justify-content-between mb-4">
                <h1 class="h3 mb-0 text-gray-800">Create Inbox Message</h1>
                <a href="{{ route('admin.inbox.index') }}" class="btn btn-secondary">Back to Inbox List</a>
            </div>

            <!-- Form Card -->
            <div class="card shadow mb-4">
              <div class="card-header py-3">
                  <h6 class="m-0 font-weight-bold text-primary">Send Message</h6>
              </div>
              <div class="card-body">
                  @if(session('success'))
                      <div class="alert alert-success">{{ session('success') }}</div>
                  @endif

                  <form action="{{ route('admin.inbox.store') }}" method="POST">
                      @csrf

                      <div class="form-group mb-3">
                          <label for="title">Title:</label>
                          <input type="text" name="title" id="title" class="form-control" value="{{ old('title') }}" required>
                          @error('title')
                              <div class="alert alert-danger">{{ $message }}</div>
                          @enderror
                      </div>

                      <div class="form-group mb-3">
                          <label for="message">Message:</label>
                          <textarea name="message" id="message" class="form-control" rows="5" required>{{ old('message') }}</textarea>
                          @error('message')
                              <div class="alert alert-danger">{{ $message }}</div>
                          @enderror
                      </div>

                      <div class="form-group mb-3">
                          <label for="type">Type:</label>
                          <select name="type" id="type" class="form-control" required>
                              <option value="info" {{ old('type')=='info' ? 'selected' : '' }}>Info</option>
                              <option value="promo" {{ old('type')=='promo' ? 'selected' : '' }}>Promo</option>
                              <option value="event" {{ old('type')=='event' ? 'selected' : '' }}>Event</option>
                              <option value="update" {{ old('type')=='update' ? 'selected' : '' }}>Update</option>
                          </select>
                          @error('type')
                              <div class="alert alert-danger">{{ $message }}</div>
                          @enderror
                      </div>
                      <div class="form-group mb-3">
    <label for="link">Link (optional):</label>
    <input type="text" name="link" id="link" class="form-control" value="{{ old('link') }}">
    @error('link')
        <div class="alert alert-danger">{{ $message }}</div>
    @enderror
</div>



                      <div class="form-group mb-3">
    <label for="user_id">Send To (optional):</label>
    <select name="user_id" id="user_id" class="form-control">
        <option value="">All Users (Blast)</option>
        @foreach($customers as $customer)
            <option value="{{ $customer->id }}" {{ old('user_id') == $customer->id ? 'selected' : '' }}>
                {{ $customer->fullName }}
            </option>
        @endforeach
    </select>
    @error('user_id')
        <div class="alert alert-danger">{{ $message }}</div>
    @enderror
</div>


                      <button type="submit" class="btn btn-primary">Send Message</button>
                  </form>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection