@extends('pwa.template.app.main')

@section('app-content')
  <div class="container py-3">
    <form class="card px-3 py-4" method="POST" action="{{ route('merchant.create') }}" enctype="multipart/form-data">
      @csrf
      <h5 class="mb-4">Daftar Sebagai Merchant</h5>
      <div class="mb-3">
        <label for="foto" class="form-label">Foto</label>
        <input type="file" class="dropify" data-height="200" data-allowed-file-extensions="pdf png jpg jpeg" required
          name="foto" />
      </div>
      <div class="mb-3">
        <label for="name" class="form-label">Nama Merchant</label>
        <input type="text" class="form-control" name="nama" required id="nama">
      </div>
      <div class="mb-3">
        <label for="name" class="form-label">Alamat Merchant</label>
        <input type="text" class="form-control" name="alamat" required id="alamat">
      </div>
      <div class="mb-3">
        <label for="name" class="form-label">Nomor Telepon</label>
        <input type="number" class="form-control" name="no_hp" required id="notelp">
      </div>
      <div class="mb-3">
        <label for="deskripsi" class="form-label">Deskripsi Merchant</label>
        {{-- <textarea class="form-control" placeholder="Jelaskan Sedikit Tentang Toko Anda" id="floatingTextarea" name="deskripsi"
          style="height: 120px"></textarea> --}}
        <textarea id="myeditorinstance" class="form-control" placeholder="Jelaskan Sedikit Tentang Toko Anda" name="deskripsi"></textarea>
      </div>
      <input type="hidden" class="form-control" name="status" value="0">
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>
  </div>
@endsection
@section('script')
  <script>
    $('.dropify').dropify({
      tpl: {
        message: '<div class="dropify-message"><span class="file-icon" /></div>',
      }
    });
  </script>
  <script>
    tinymce.init({
      selector: 'textarea#myeditorinstance', // Replace this CSS selector to match the placeholder element for TinyMCE
      plugins: 'code table lists',
      toolbar: 'undo redo | blocks | bold italic | alignleft aligncenter alignright | indent outdent | bullist numlist | code | table'
    });
  </script>
@endsection