@extends('layouts/contentLayoutMaster')

@section('title', 'Send Notification')

@section('content')
<section id="multiple-column-form">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Send Notification</h4>
                </div>
                <div class="card-body">

                    <form class="form" action="{{ route('notifications.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <div class="row">

                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="user-id-column">Select Customer <b class="text-danger">*</b></label>
                                    <select class="form-select select2" name="customer_id">
                                        <option value="">Select Customer</option>
                                        @foreach($customers as $customer)
                                        <option value="{{ $customer->id }}" {{ old('customer_id') == $customer->id ? "selected" : "" }}>{{ $customer->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('customer_id')
                                    <b class="text-danger mt-1">{{ $message }}</b>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="user-id-column">Select Equipment <b class="text-danger">*</b></label>
                                    <select class="form-select select2" name="equipment_id">
                                        <option value="">Select Equipment</option>
                                        @foreach($equipment as $row)
                                        <option value="{{ $row->id }}" {{ old('equipment_id') == $row->id ? "selected" : "" }}>{{ $row->machine_name }}</option>
                                        @endforeach
                                    </select>
                                    @error('equipment_id')
                                    <b class="text-danger mt-1">{{ $message }}</b>
                                    @enderror
                                </div>
                            </div>

                           
                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="user-id-column">TItle <b class="text-danger">*</b></label>
                                    <input type="text" name="title" id="" class="form-control" placeholder="Title" value="{{ old('title','Due for Service this week.') }}">
                                    @error('title')
                                    <b class="text-danger mt-1">{{ $message }}</b>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-12 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="company-name-column">Description</label>
                                    <textarea class="form-control" placeholder="Description" name="description" rows="10">{{old('description','The following machine is due for a service within the next week. If you would like it completed please respond with Site location and Site contact. I will then reach out to the site contact to arrange and preferred day and time.')}}</textarea>
                                    @error('description')
                                    <b class="text-danger mt-1">{{ $message }}</b>
                                    @enderror
                                </div>
                            </div>


                        </div>
                        <div class="row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary me-1">Submit</button>
                                <a href="{{ route('services.index') }}" class="btn btn-dark">Cancel</a>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection