@extends('layoututama')
@section('content')
<div class="row match-height">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <div class="card-title-wrap bar-info">
                    <h4 class="card-title" id="basic-layout-round-controls">{{$judulmodul}}</h4>
                </div>
              
            </div>
            <div class="card-body">
                <div class="px-3">
                <p class="mb-0"><b><i>Kolom bertanda <code>*)</code> tidak boleh kosong.</i></b></p>
                    <form class="form" action="{{url('usahasave')}}" method="post" id="frmusaha" name="frmusaha">
                        {{csrf_field()}}
                        <input type="hidden" name="id" value="{{$query->id}}">
                        <div class="form-body">
                         
                        <div class="form-group">
                                <label for="nama">Nama Percetakan<span class="text-danger text-bold">*)</span></label>
                                <input type="text" class="form-control" id="nama" name="nama" placeholder="Masukan Nama Percetakan" required autofocus value="{{$query->nama}}">

                            </div>
                             <div class="form-group">

                                <label for="alamat">Alamat <span class="text-danger text-bold">*)</span></label>

                                <input type="text" class="form-control" id="alamat" name="alamat" placeholder="Masukan Alamat" required value="{{$query->alamat}}">

                            </div>

                            <div class="form-group">
                                <label for="telp">No. Telepon<span class="text-danger text-bold">*)</span></label>
                                <input type="text" class="form-control" id="telp" name="telp" placeholder="Masukan No. Telp" required autofocus value="{{$query->no_telp}}">

                            </div> 

                            <div class="form-group">
                                <label for="order">Email<span class="text-danger text-bold">*)</span></label>
                                <input type="email" class="form-control" id="email" name="email" placeholder="Masukan Email" required value="{{$query->email}}">

                            </div>

                            <div class="form-group">
                                <label for="order">Jenis Printer<span class="text-danger text-bold">*)</span></label>
                                <select name="printer" id="printer" class="form-control" required>
                                    @if($query->jenis_printer == "tinta")
                                    <option value="dotmatrix">Printer Dot Matrix</option>
                                    <option value="tinta" selected>Printer Tinta</option>
                                    <option value="blue">Printer Bluetooth</option>

                                    @elseif($query->jenis_printer == "blue")
                                    <option value="dotmatrix">Printer Dot Matrix</option>
                                    <option value="tinta">Printer Tinta</option>
                                    <option value="blue" selected>Printer Bluetooth</option>
                                    @else
                                    <option value="dotmatrix"  selected>Printer Dot Matrix</option>
                                    <option value="tinta">Printer Tinta</option>
                                    <option value="blue">Printer Bluetooth</option>
                                    @endif
                                </select>

                            </div>

                            
                    </form>
                            <form name="frmadmin" id="frmadmin" enctype="multipart/form-data"> 
                            {{csrf_field()}}
                            <input type="hidden" value="" id="refid" name="refid">                   
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label for="email">Logo <span class="text-danger text-bold">*)</span></label>
                                        <input type="file" name="select_file" id="select_file" class="form-control"/>
                                        <small>Tipe File : JPEG, JPG, PNG, WEBP. Maks : 5 MB</small>
                                    </div>

                                    <button type="submit" class="btn btn-danger btn-sm">
                                        Upload File
                                    </button>&nbsp;     
                                </div>

                                <div class="col-md-4">
                                <div class="alert" id="message" style="display: none"></div>   
                                    <div id="loading" style="display:none;">
                                        <img src="{{url('loading.gif')}}" width="300">
                                    
                                    </div>
                                    <div id="listfile"></div>
                                </div>
                            </div>
                            </form>


                            <form name="frmadmin2" id="frmadmin2" enctype="multipart/form-data"> 
                            {{csrf_field()}}
                            <input type="hidden" value="" id="refid" name="refid">                   
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label for="email">Desain Kartu Member <span class="text-danger text-bold">*)</span></label>
                                        <input type="file" name="select_file2" id="select_file2" class="form-control"/>
                                        <small>Tipe File : JPEG, JPG, PNG, WEBP. Maks : 5 MB</small>
                                    </div>

                                    <button type="submit" class="btn btn-danger btn-sm">
                                        Upload File
                                    </button>&nbsp;     
                                </div>

                                <div class="col-md-4">
                                <div class="alert" id="message2" style="display: none"></div>   
                                    <div id="loading2" style="display:none;">
                                        <img src="{{url('loading.gif')}}" width="300">
                                    
                                    </div>
                                    <div id="listfile2"></div>
                                </div>
                            </div>
                            </form>
                            
                        </div>

                        <div class="form-actions">
                            
                            <button type="button" class="btn btn-success" id="simpan">
                                <i class="icon-note"></i> Save
                            </button>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>    

<script>
    $(function(){
        $('#simpan').on('click', function(){
            $('#frmusaha').submit();
        });
        

    var id = '{{$query->id}}';
    $('#listfile').load('{{url("logousaha")}}/'+id);
    $('#frmadmin').on('submit', function(event){
        event.preventDefault();
        $.ajax({
            url:"{{ route('ajaxupload.action') }}",
            method:"POST",
            data:new FormData(this),
            dataType:'JSON',
            contentType: false,
            cache: false,
            processData: false,
            beforeSend : function(html) {
                $('#loading').show();
                $('#listfile').hide();
            },
            success:function(data)
            {
                $('#loading').hide();
                $('#message').css('display', 'block');
                $('#message').html(data.message);
                $('#message').addClass(data.class_name);
                $('#listfile').show();
                $('#listfile').load('{{url("logousaha")}}/'+id);
                $('#select_file').val('');
                $('#tipe').val('');
            }
        });
    });


    $('#listfile2').load('{{url("kartumember")}}/'+id);
    $('#frmadmin2').on('submit', function(event){
        event.preventDefault();
        $.ajax({
            url:"{{ route('ajaxuploadkartu.action') }}",
            method:"POST",
            data:new FormData(this),
            dataType:'JSON',
            contentType: false,
            cache: false,
            processData: false,
            beforeSend : function(html) {
                $('#loading2').show();
                $('#listfile2').hide();
            },
            success:function(data)
            {
                $('#loading2').hide();
                $('#message2').css('display', 'block');
                $('#message2').html(data.message);
                $('#message2').addClass(data.class_name);
                $('#listfile2').show();
                $('#listfile2').load('{{url("kartumember")}}/'+id);
                $('#select_file2').val('');
            }
        });
    });
});
</script>

@endsection