@push('scripts')
<script></script>
@endpush
@push('styles')
{{-- Bootstrap Icon --}}
<link href="{{ url('material') }}/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css" rel="stylesheet" />
<link rel="stylesheet"
href="{{ url('https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css') }}">
<style>
.image-upload {
width: 200px;
height: 200px;
background-color: gainsboro;
display: block;
margin: auto;
background-size: contain;
}
.image-upload>input {
display: none;
}
.pilih-bentuk svg {
width: 100px;
height: 100px;
display: block;
margin: auto;
}
.pilih-bentuk i {
font-size: 100px;
color: grey;
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
}
</style>
@endpush
<div class="row clearfix">
<!-- Task Info -->
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="card">
<div class="body">
<div class="text-center mb-4" style="margin-bottom:30px; ">
<img style="width:200px; height:200px; object-fit:cover; border-radius:100%;"
src="{{ asset('images/Logo/' . $datas->photo) }}">
</div>
<div class="row clearfix">
<form action="{{ route('profil.update') }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="col-md-6">
@if (env("UBAH_LOGO",false))
<div class="input-group">
<label><b>Logo Toko</b></label>
<div class="form-line">
<input type="file" accept="image/*" class="form-control" name="photo">
</div>
</div>
@endif
<div class="input-group">
<label><b>Nama Toko</b></label>
<div class="form-line">
<input type="text" class="form-control" name="nama_toko"
value="@if (isset($datas)) {{ $datas->nama_toko }} @endif">
</div>
</div>
<div class="input-group">
<label><b>Alamat</b></label>
<div class="form-line">
<input type="text" class="form-control" name="alamat"
value="@if (isset($datas)) {{ $datas->alamat }} @endif">
</div>
</div>
<div class="input-group">
<label><b>Kontak</b></label>
<div class="form-line">
<textarea class="form-control" name="kontak">
@if (isset($datas))
{{ $datas->kontak }}
@endif
</textarea>
</div>
</div>
<div class="input-group">
<label><b>Keterangan</b></label>
<div class="form-line">
<textarea class="form-control" name="keterangan">@if (isset($datas)){{ $datas->keterangan }}@endif</textarea>
</div>
</div>
<b>Warna Primer</b>
<div style="z-index: 1" class="input-group colorpicker">
<div class="input-group-addon">
<i class="rounded" style="width: 100px; height:40px; display: inline-block;"></i>
</div>
<div style="width: 100px" class="form-line">
<input type="text" name="warna" id="primary_color_input" class="form-control"
value={{isset($datas->warna) ? $datas->warna : "#000"}}>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-line">
<button type="submit" class="btn btn-success">Simpan</button>
</div>
</div>
</div>
</div>
</form>
<div class="col-md-6">
<b>Media Sosial</b>
<div class="body table-responsive">
<table class="table">
<thead>
<tr>
<th>Icon</th>
<th>Akun</th>
<th>Link</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($sosmed as $sosmed)
<tr>
<td>
<i style="font-size:30px" class="bi bi-{{ $sosmed->icon }}"></i>
</td>
<td>{{ $sosmed->Account }}</td>
<td style="max-width: 200px;">{{ $sosmed->url }}</td>
<td>
<button type="button" data-toggle="modal" id="sosmedEdit"
data-target="#editMedsosModal" data-id="{{ $sosmed->id }}"
data-icon="{{ $sosmed->icon }}" data-akun="{{ $sosmed->Account }}"
data-url="{{ $sosmed->url }}" class="btn btn-primary">
<i class="demo-google-material-icon">
<i class="material-icons">mode_edit</i>
</i>
</button>
<form action="{{ route('sosialmedia.destroy', $sosmed->id) }}" method="POST"
style="display:inline;">
@csrf
@method('DELETE')
<button type="submit" class="btn btn-danger" id="hapus-button">
<i class="material-icons">delete</i>
</button>
</form>
</td>
</tr>
@endforeach
</tbody>
</table>
<button class="btn btn-success" data-toggle="modal" data-target="#addMedsosModal"
type="button">Tambahkan Media Sosial</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Start -->
<div class="modal fade" id="addMedsosModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="defaultModalLabel">Tambahkan Media Sosial</h4>
</div>
<form id="sosmedStore" action="{{ route('sosialmedia.store') }}" method="POST">
@csrf
<div class="modal-body">
<input type="hidden" name="toko_id" value="{{ $datas->id }}">
<div class="form-group">
<h4>Icon</h4>
<!-- Social Media Icons as Radio Buttons -->
<input name="icon" type="radio" id="icon_1" value="facebook" />
<label for="icon_1" style="font-size:25px;"><i class="bi bi-facebook"></i></label>
<input name="icon" type="radio" id="icon_2" value="instagram" />
<label for="icon_2" style="font-size:25px;"><i class="bi bi-instagram"></i></label>
<input name="icon" type="radio" id="icon_3" value="youtube" />
<label for="icon_3" style="font-size:25px;"><i class="bi bi-youtube"></i></label>
<input name="icon" type="radio" id="icon_4" value="line" />
<label for="icon_4" style="font-size:25px;"><i class="bi bi-line"></i></label>
<input name="icon" type="radio" id="icon_5" value="tiktok" />
<label for="icon_5" style="font-size:25px;"><i class="bi bi-tiktok"></i></label>
<input name="icon" type="radio" id="icon_6" value="twitter-x" />
<label for="icon_6" style="font-size:25px;"><i class="bi bi-twitter-x"></i></label>
<!-- Repeat for other icons -->
<div class="form-line">
<h4>Nama Akun</h4>
<input type="text" name="account" class="form-control">
</div>
<div class="form-line">
<h4>Url</h4>
<input type="text" name="url" class="form-control">
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success waves-effect">Tambahkan</button>
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="editMedsosModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="defaultModalLabel">Tambahkan Media Sosial</h4>
</div>
<form id="sosmedUpdate" method="POST">
@csrf
@method('PUT')
<div class="modal-body">
<input type="hidden" name="toko_id" value="{{ $datas->id }}">
<div class="form-group">
<h4>Icon</h4>
<!-- Social Media Icons as Radio Buttons -->
<input name="icon" type="radio" id="icon_edit1" value="facebook" />
<label for="icon_edit1" style="font-size:25px;"><i class="bi bi-facebook"></i></label>
<input name="icon" type="radio" id="icon_edit2" value="instagram" />
<label for="icon_edit2" style="font-size:25px;"><i class="bi bi-instagram"></i></label>
<input name="icon" type="radio" id="icon_edit3" value="youtube" />
<label for="icon_edit3" style="font-size:25px;"><i class="bi bi-youtube"></i></label>
<input name="icon" type="radio" id="icon_edit4" value="line" />
<label for="icon_edit4" style="font-size:25px;"><i class="bi bi-line"></i></label>
<input name="icon" type="radio" id="icon_edit5" value="tiktok" />
<label for="icon_edit5" style="font-size:25px;"><i class="bi bi-tiktok"></i></label>
<input name="icon" type="radio" id="icon_edit6" value="twitter-x" />
<label for="icon_edit6" style="font-size:25px;"><i class="bi bi-twitter-x"></i></label>
<div class="form-line">
<h4>Nama Akun</h4>
<input type="text" id="account" name="account" class="form-control">
</div>
<div class="form-line">
<h4>Url</h4>
<input type="text" id="url" name="url" class="form-control">
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success waves-effect">Tambahkan</button>
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal End -->
@push('scripts')
<script>
$(document).ready(function () {
// Clear input fields and radio selections when the modal is opened
$('#sosmedEdit').on('click', function () {
var id = $(this).data('id');
var icon = $(this).data('icon');
var account = $(this).data('akun');
var url = $(this).data('url');
$('#sosmedUpdate').attr('action', '{{ route('sosialmedia.update', 'id') }}'.replace('id',
id));
$('#editMedsosModal input[name="icon"][value="' + icon + '"]').prop('checked',
true);
$('#editMedsosModal #account').val(account);
$('#editMedsosModal #url').val(url);
});
});
</script>
<script src="{{ url('material') }}/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<script src="{{ url('material') }}/js/pages/forms/advanced-form-elements.js"></script>
@endpush
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell