@extends('layouts.master')

@section('content')
<div class="container-fluid">
  <div class="page-header">
      <div class="row align-items-end">
          <div class="col-lg-8">
              <div class="page-header-title">
                  <i class="ik ik-shopping-bag bg-blue"></i>
                  <div class="d-inline">
                      <h5>Tambah Work Order Baru</h5>
                      <span>Form untuk menambah work order baru.</span>
                  </div>
              </div>
          </div>
          <div class="col-lg-4">
              <nav class="breadcrumb-container" aria-label="breadcrumb">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                          <a href="{{ route('home') }}"><i class="ik ik-home"></i></a>
                      </li>
                      @if(Auth::user()->roles->first()->name == 'Teritori Manager')
                      <li class="breadcrumb-item"><a href="{{ url('rworkorder') }}">Work Order</a></li>
                      @endif
                      @if(Auth::user()->roles->first()->name == 'Operational Manager')
                      <li class="breadcrumb-item"><a href="{{ url('wo_om') }}">Work Order</a></li>
                      @endif
                      <li class="breadcrumb-item active" aria-current="page">Tambah Work Order Baru</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
        <div class="card-header"><h3>Form Tambah Work Order Baru</h3><div class="status-absolute"><button type="button" onclick="location.href='{{ url('rwo_reset') }}'" class="btn btn-outline-primary" name="reset">Reset Form</button></div></div>
            <div class="card-body">
              <form id="create_wo" method="POST" action="{{ url()->current() }}">
                @csrf
                <div class="border-bottom pb-4">
                  <div class="row">
                    <div class="col-4">
                      <label for="name" class="font-weight-bold">No Work Order</label>
                      <input type="text" class="form-control" id="no_wo" name="no_wo" value="{{ generate_no_order('wo', Auth::user()->myarea, $no_order) }}" readonly="readonly" />
                    </div>
                  </div>

                  <div class="row mt-3">
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">Nama</label>
                      <input type="text" class="form-control" id="name" name="name" value="{{ ucwords(Auth::user()->name) }}" readonly="readonly" />
                    </div>
                    <div class="col-6">
                      <label for="area" class="font-weight-bold">Area</label>
                      <input type="text" class="form-control" id="area" name="area" value="{{ ucwords(Auth::user()->myarea) }}" readonly="readonly"  />
                    </div>
                  </div>
                </div>

                @if(!empty($wo))
                    @foreach ($wo->product as $i => $row)
                    <div class="row">
                      <div class="col-12 border mt-4">
                        <div class="row mt-4">
                          <div class="col-6 mt-2">
                            <div class="form-group">
                              <label for="product" class="font-weight-bold">Nama Produk</label>
                              <div>{{ strtoupper($row->product_name)}}</div>
                            </div>
                          </div>
        
                          <div class="col-6 mt-2">
                            <div class="form-group">
                              <label for="total_product" class="font-weight-bold">Jumlah Produk</label>
                              <div>{{ $row->qty}}</div>
                            </div>
                          </div>
        
                          <div class="col-6 mt-2">
                            <div class="form-group">
                              <label for="unit" class="font-weight-bold">Unit eVoucher/produk</label>
                              <div>{{ $row->unit}}</div>
                            </div>
                          </div>
        
                          <div class="col-6 mt-2">
                            <div class="form-group">
                              <label for="total_unit" class="font-weight-bold">Total unit eVoucher</label>
                              <div class="">{{ $row->total_unit}}</div>
                            </div>
                          </div>
        
                          <div class="col-12 mt-2">
                            <div class="form-group">
                            <label for="elektik" class="font-weight-bold">Chip TM</label>
                              <div class="form-group row gutter-10">
                                <div class="col-2 col-form-label col-form-label-sm text-left">
                                  <label>Nomor</label>
                                </div>
                                <div class="col-10">
                                  <div class="row">
                                    @foreach ($row->chip as $key => $rc)
                                      <div class="col-6">
                                        <div class="input-group mb-3">
                                          <div class="input-group-prepend">
                                            <span class="input-group-text">{{ strtoupper($rc->chip) }}</span>
                                          </div>
                                          <input type="text" readonly="readonly" class="form-control pricing" value="{{ $rc->price }}">
                                        </div>
                                      </div>
                                    @endforeach
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    @endforeach
                @endif

                <div class="row mt-4">
                  <div class="col-6 mt-2">
                    <div class="form-group">
                      <label for="product" class="font-weight-bold">Nama Produk</label>
                      <select class="custom-select" name="product_name" id="product_name">
                        <option selected value="">Pilih Produk</option>
                        @foreach($product as $row)
                        <option value="{{ strtoupper($row->name) }}">{{ strtoupper($row->name) }}</option>
                        @endforeach
                      </select>
                      <div class="error-product text-danger mt-3 error" style="display:none">Produk belum di pilih</div>
                    </div>
                  </div>

                  <div class="col-6 mt-2">
                    <div class="form-group">
                      <label for="total_product" class="font-weight-bold">Jumlah Produk</label>
                      <input type="text" class="form-control total_number" name="qty" id="qty" value="" placeholder="0">
                      <div class="error-qty text-danger mt-3 error" style="display:none">Jumlah produk tidak boleh kosong</div>
                    </div>
                  </div>

                  <div class="col-6 mt-2">
                    <div class="form-group">
                      <label for="unit" class="font-weight-bold">Unit eVoucher/produk</label>
                      <input type="text" class="form-control" name="unit" id="unit" value="" placeholder="0">
                      <div class="error-unit text-danger mt-3 error" style="display:none">Nilai per unit/produk tidak boleh kosong</div>
                    </div>
                  </div>

                  <div class="col-6 mt-2">
                    <div class="form-group">
                      <label for="total_unit" class="font-weight-bold">Total unit eVoucher</label>
                      <input type="text" class="form-control" readonly="readonly" name="total_unit" id="total_unit" value="">
                    </div>
                  </div>

                  <div class="col-12 mt-2">
                    <div class="form-group">
                    <label for="elektik" class="font-weight-bold">Chip TM</label>
                      <div class="form-group row">
                        <div class="col-12">
                          <div class="custom-control custom-radio custom-control-inline">
                            <input type="radio" name="chip-select" id="chip-range" class="custom-control-input" value="range-value">
                            <label class="custom-control-label" for="chip-range">Range</label>
                          </div>
                          <div class="custom-control custom-radio custom-control-inline">
                            <input type="radio" name="chip-select" id="chip-select" class="custom-control-input" value="select-value">
                            <label class="custom-control-label" for="chip-select">Pilih Nomor</label>
                          </div>
                          <div class="error-chip text-danger mt-3 error" style="display:none">Chip belum di pilih</div>
                        </div>
                      </div>
                      <div class="form-group row mt-5">
                        <div class="col-12">
                          <div class="row select-chip" id="range-value" style="display:none">
                            <div class="col-3">
                              <select class="custom-select" name="chip-start" id="chip-start">
                                <option value="">Pilih</option>
                                @foreach($chip as $row)
                                <option value="{{ $row->msisdn }}" rel={{ $row->id }}>{{ '('.$row->id.') '.$row->msisdn }} - {{ $row->msisdn_alias }}</option>
                                @endforeach
                              </select>
                            </div>
                            <div class="col-1 text-center pt-2">s/d</div>
                            <div class="col-3">
                              <select class="custom-select" name="chip-end" id="chip-end">
                                <option selected>Pilih</option>
                              </select>
                            </div>
                            <div class="col-5">
                              <input type="text" name="chip-price" id="chip-price" readonly="readonly" class="form-control pricing" value="">
                            </div>
                            <div id="chip-lists"></div>
                          </div>
                          <div class="row select-chip" id="select-value" style="display:none">
                            @foreach($chip as $row)
                            <div class="col-6">
                              <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                  <span class="input-group-text">
                                    <input type="checkbox" name="chip" class="chip" value="{{ $row->msisdn }}">
                                  </span>
                                  <span class="input-group-text">{{ $row->msisdn }} - {{ $row->msisdn_alias }}</span>
                                </div>
                                <input type="text" name="chip-price" id="{{ $row->msisdn }}" disabled="disabled" class="form-control pricing chip-value" value="">
                              </div>
                            </div>
                            @endforeach
                          </div>
                        </div>
                      </div>
                      <div class="error-chip-total-value text-danger mt-3 error col-12" style="display:none">Nilai chip tidak sama dengan total unit</div>
                      <div class="error-chip-value text-danger mt-3 error col-12" style="display:none">Nilai chip kosong</div>
                    </div>
                  </div>

                  <div class="col-12 mt-2">
                    <button type="button" class="btn btn-warning mr-2" id="submit_wo" name="submit">Simpan</button>
                  </div>

                  <div class="col-12 mt-4 pt-4 text-right">
                    @if(Auth::user()->roles->first()->name == 'Teritori Manager')
                    <a href="{{ url('/rworkorder') }}" class="btn btn-light mr-4 border">Batal</a>
                    @endif
                    @if(Auth::user()->roles->first()->name == 'Operational Manager')
                    <a href="{{ url('/wo_om') }}" class="btn btn-light mr-4 border">Batal</a>
                    @endif
                    <button type="button" class="btn btn-primary mr-2" id="wo_done" name="submit" @if(!empty($wo)) value="done" @else value="" disabled="disabled" @endif>Selesai</button>
                  </div>
                </div>
              
              </form>
            </div>
        </div>
    </div>
  </div>

</div>
@endsection