@extends('backEnd.layouts.master')
@section('title', 'SMS Gateway Create')
@section('css')
   <link href="{{asset('public/backEnd')}}/assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
   <link href="{{asset('public/backEnd')}}/assets/css/switchery.min.css" rel="stylesheet" type="text/css" />
@endsection
@section('content')
   <div class="container-fluid">

      <!-- start page title -->
      <div class="row">
         <div class="col-12">
            <div class="page-title-box">
               <div class="page-title-right">
                  <a href="{{route('smsgateway.index')}}" class="btn btn-primary rounded-pill">Manage</a>
               </div>
               <h4 class="page-title">SMS Gateway Create</h4>
            </div>
         </div>
      </div>
      <!-- end page title -->
      <div class="row justify-content-center">
         <div class="col-lg-8">
            <div class="card">
               <div class="card-body">
                  <form action="{{route('smsgateway.store')}}" method="POST" class=row data-parsley-validate=""
                     enctype="multipart/form-data">
                     @csrf
                     <div class="col-sm-12">
                        <div class="form-group mb-3">
                           <label for="url" class="form-label">Gateway URL *</label>
                           <input type="text" class="form-control @error('url') is-invalid @enderror" name="url"
                              value="{{ old('url') }}" id="url" required="">
                           @error('url')
                              <span class="invalid-feedback" role="alert">
                                 <strong>{{ $message }}</strong>
                              </span>
                           @enderror
                        </div>
                     </div>

                     <div class="col-sm-12">
                        <div class="form-group mb-3">
                           <label for="api_key" class="form-label">API Key *</label>
                           <input type="text" class="form-control @error('api_key') is-invalid @enderror" name="api_key"
                              value="{{ old('api_key') }}" id="api_key" required="">
                           @error('api_key')
                              <span class="invalid-feedback" role="alert">
                                 <strong>{{ $message }}</strong>
                              </span>
                           @enderror
                        </div>
                     </div>

                     <div class="col-sm-12">
                        <div class="form-group mb-3">
                           <label for="serderid" class="form-label">Sender ID</label>
                           <input type="text" class="form-control @error('serderid') is-invalid @enderror" name="serderid"
                              value="{{ old('serderid') }}" id="serderid">
                           @error('serderid')
                              <span class="invalid-feedback" role="alert">
                                 <strong>{{ $message }}</strong>
                              </span>
                           @enderror
                        </div>
                     </div>

                     <div class="col mb-3">
                        <div class="form-group">
                           <label for="status" class="d-block">Status</label>
                           <label class="switch">
                              <input type="checkbox" value="1" name="status" checked>
                              <span class="slider round"></span>
                           </label>
                           @error('status')
                              <span class="invalid-feedback" role="alert">
                                 <strong>{{ $message }}</strong>
                              </span>
                           @enderror
                        </div>
                     </div>

                     <div>
                        <input type="submit" class="btn btn-success" value="Submit">
                     </div>

                  </form>

               </div> <!-- end card-body-->
            </div> <!-- end card-->
         </div> <!-- end col-->
      </div>
   </div>
@endsection


@section('script')
   <script src="{{asset('public/backEnd/')}}/assets/libs/parsleyjs/parsley.min.js"></script>
   <script src="{{asset('public/backEnd/')}}/assets/js/pages/form-validation.init.js"></script>
   <script src="{{asset('public/backEnd/')}}/assets/libs/select2/js/select2.min.js"></script>
   <script src="{{asset('public/backEnd/')}}/assets/js/pages/form-advanced.init.js"></script>
   <script src="{{asset('public/backEnd/')}}/assets/js/switchery.min.js"></script>
@endsection