Edit File - File Manager

Edit File: edit_branch.blade.php

@extends('layouts.stores_dashboard_layout')

@section('title')
    {{trans('stores_dashboard.edit_branch')}}
@endsection
@section('content')

<div  class="table-cont p-2 ">
                <div class="row align-items-center">
                    <div class="dash-title col-md p-0 mt-0">
                        <h6 class="bold">{{trans('stores_dashboard.edit_branch')}} </h6>
                        <p class="mb-1">{{trans('stores_dashboard.edit_branch_desc')}}</p>
                    </div>
                </div>

<form id="postForm">
                @csrf
                    <div class=" white-bg round7 mb-3 mt-2 p-3">
                        <h6 class="bold border-bottom pt-3 pb-3 mb-4">{{trans('stores_dashboard.branch_info')}} </h6>

<div class="w-md-75 ">
                        <input type="hidden" value="{{$branch_user->id}}" name="user_id">
                        <input type="hidden" value="{{$store->id}}" name="store_id">
                        <input type="hidden" value="{{$branch->id}}" name="branch_id">

<div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.address')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input type="text" name="address" id="address" class="form-control" value="{{$branch->address}}" >
                                <br>
                                <div id="map" style="width: 100%;height:250px;"></div>
                                <input type="hidden" name="lat" id="lat" value="{{$branch->lat}}">
                                <input type="hidden" name="long" id="long" value="{{$branch->long}}">
                            </div>

<div class="form-group">
                                <label class="bold font14" for="Password1"> {{trans('stores_dashboard.name')}} </label>
                                <div class="password-cont">
                                    <input value="{{$branch_user->name}}" name="name" type="email" class="form-control"  aria-describedby="emailHelp" placeholder="{{trans('stores_dashboard.name')}}">
                                    <i class="fa fa-edit color-gray" ></i>
                                </div>
                            </div>

<div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{trans('stores_dashboard.phone')}}<span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <div class="row">
                                    <div class="col-4 col-md-2 p-1 pr-0">
                                        <select  name="country_key" class="form-control">
                                            @foreach($countries as $country)
                                                @if($branch_user->country_key == $country->calling_code)
                                                    <option value="{{$country->calling_code}}" selected >{{$country->calling_code}}</option>
                                                @else
                                                    <option value="{{$country->calling_code}}" >{{$country->calling_code}}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col pt-1 pb-1 pl-0 pr-1">
                                        <div class="form-group">
                                            <div class="password-cont">
                                                <input  name="phone" class="form-control" type="number"  aria-describedby="emailHelp" value="{{$branch_user->phone}}" placeholder="{{trans('stores_dashboard.phone')}}">
                                                <i class="fa fa-edit color-gray" ></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

<div class="form-group">
                                <label class="bold font14" for="Password1"> {{trans('stores_dashboard.email')}} </label>
                                <div class="password-cont">
                                    <input name="email" type="email" class="form-control"  aria-describedby="emailHelp" value="{{$branch_user->email}}" placeholder="{{trans('stores_dashboard.email')}}">
                                    <i class="fa fa-edit color-gray" ></i>
                                </div>
                            </div>

<div class="form-group">
                                <label class="bold font14" for="Password1">{{trans('stores_dashboard.password')}} </label>
                                <div class="password-cont">
                                    <input name="password" type="password" class="form-control" id="Password2" aria-describedby="emailHelp" placeholder="{{trans('stores_dashboard.password')}}">
                                    <i class="fa fa-eye color-gray" id="signInShowPassword2"></i>
                                </div>
                            </div>
                        </div>

</div>
                    </div>

<div class="  m-auto round7  p-3 pl-4 pr-4 form-cont" >

<div class="row border-bottom  align-items-center">
                            <div class="col">
                                <h6 class="bold  pt-2 pb-2 mb-3">{{trans('stores_dashboard.timings')}}</h6>
                            </div>

</div>

<div class="time-slider-cont ">
                                
                                <div class=" w-100 time-cont d-block">
                                <a type="button" class="button1 material-button m-3" onclick="addTime()" ><i class="fa fa-plus"></i></a>
                                    <div class="times-cont">
                                        <div class="container time m-auto">
                                            @if(count($timings)!=0)
                                                @foreach($timings as $timing)
                                                    <div class="row">
                                                        <div class="col-md  p-1">
                                                        <label class="bold">{{trans('stores_dashboard.day')}} </label>
                                                                <select name="days[]" class="form-control border no-arrow">
                                                                <option value="{{$timing->day}}" selected >{{trans('stores_dashboard.'.$timing->day)}} </option>
                                                                    <option value="saturday" >{{trans('stores_dashboard.saturday')}}</option>
                                                                    <option value="sunday" >{{trans('stores_dashboard.sunday')}}</option>
                                                                    <option value="monday">{{trans('stores_dashboard.monday')}}</option>
                                                                    <option value="tuesday">{{trans('stores_dashboard.tuesday')}}</option>
                                                                    <option value="wednesday">{{trans('stores_dashboard.wednesday')}}</option>
                                                                    <option value="thursday">{{trans('stores_dashboard.thursday')}} </option>
                                                                    <option value="friday">{{trans('stores_dashboard.friday')}}</option>
                                                                </select>
                                                        </div>

<div class="col-md  p-1">
                                                            <label class="bold">{{trans('stores_dashboard.from')}} </label>
                                                            <input value="{{$timing->from}}" type="time"  class="p-3 border round5 w-100" name="from[]" id="">
                                                        </div>

<div class="col-md  p-1">
                                                            <label class="bold">{{trans('stores_dashboard.to')}}</label>
                                                            <input value="{{$timing->to}}" type="time" class="p-3 border round5 w-100" name="to[]" id="">
                                                        </div>

<div class="col-md-1  p-1">
                                                        <div class="d-flex align-items-center flex-column">
                                                        <label class="bold sn" style="color: #fff;">.</label>
                                                        <a type="button" class="button-error material-button" onclick="removeTime(this)" ><i class="fa fa-times"></i></a>
                                                    </div>
                                                    </div>
                                                    </div>
                                                @endforeach
                                            @else
                                                <div class="row">
                                                    <div class="col-md  p-1">
                                                    <label class="bold">{{trans('stores_dashboard.day')}} </label>
                                                            <select name="days[]" class="form-control border no-arrow">
                                                                <option value="saturday" >{{trans('stores_dashboard.saturday')}}</option>
                                                                <option value="sunday" >{{trans('stores_dashboard.sunday')}}</option>
                                                                <option value="monday">{{trans('stores_dashboard.monday')}}</option>
                                                                <option value="tuesday">{{trans('stores_dashboard.tuesday')}}</option>
                                                                <option value="wednesday">{{trans('stores_dashboard.wednesday')}}</option>
                                                                <option value="thursday">{{trans('stores_dashboard.thursday')}} </option>
                                                                <option value="friday">{{trans('stores_dashboard.friday')}}</option>
                                                            </select>
                                                    </div>

<div class="col-md  p-1">
                                                        <label class="bold">{{trans('stores_dashboard.from')}} </label>
                                                        <input type="time"  class="p-3 border round5 w-100" name="from[]" id="">
                                                    </div>

<div class="col-md  p-1">
                                                        <label class="bold">{{trans('stores_dashboard.to')}}</label>
                                                        <input type="time" class="p-3 border round5 w-100" name="to[]" id="">
                                                    </div>

</div>
                    </div>

<button id="postbtn" class="button1 mt-3 material-button" >{{trans('stores_dashboard.confirm')}} </button>
                </form>

</div>

@endsection
@section('scripts')

function initMap(){
            var myLatlng = new google.maps.LatLng(lat.value, long.value);
            var mapOptions = {
                zoom: 10,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

map = new google.maps.Map(document.getElementById("map"), mapOptions);
            marker = new google.maps.Marker({
                map: map,
                position: myLatlng,
                draggable: true
            });

geocoder.geocode({'latLng': myLatlng }, function(results, status) {

if (status == google.maps.GeocoderStatus.OK) {
                    if (results[0]) {
                        address.value = results[0].formatted_address;
                        lat.value = marker.getPosition().lat();
                        long.value = marker.getPosition().lng();
                        infowindow.setContent(results[0].formatted_address);
                        infowindow.open(map, marker);
                    }
                }
            });

google.maps.event.addListener(marker, 'dragend', function() {

geocoder.geocode({'latLng': marker.getPosition()}, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        if (results[0]) {
                            address.value = results[0].formatted_address;
                            lat.value = marker.getPosition().lat();
                            long.value = marker.getPosition().lng();
                            infowindow.setContent(results[0].formatted_address);
                            infowindow.open(map, marker);
                        }
                    }
                });
            });

}

google.maps.event.addDomListener(window, 'load', initialize);

google.maps.event.addDomListener(window, 'load', initMap);

function addNewTimes(){
            $('.time-button').animate({
                'left' : '-200%'
            });
            $('.time-cont').slideDown();
        }

function addTime(){
            let time =    '<div class="times-cont">'+
              '<div class="container time m-auto">'+
                                    '<div class="row  ">'+
                                        '<div class="col-md  p-1">'+
                                            '<label class="bold">{{trans("stores_dashboard.day")}}</label>'+
                                            '<select name="days[]" class="form-control border no-arrow">'+
                                                '<option value="saturday">{{trans("stores_dashboard.saturday")}}</option>'+
                                                '<option value="sunday">{{trans("stores_dashboard.sunday")}}</option>'+
                                                '<option value="monday">{{trans("stores_dashboard.monday")}}</option>'+
                                                '<option value="tuesday">{{trans("stores_dashboard.tuesday")}}</option>'+
                                                '<option value="wednesday">{{trans("stores_dashboard.wednesday")}}</option>'+
                                                '<option value="thursday">{{trans("stores_dashboard.thursday")}} </option>'+
                                                '<option value="friday">{{trans("stores_dashboard.friday")}}</option>'+
                                            '</select>'+
                                        '</div>'+

'<div class="col-md  p-1">'+
                                            '<label class="bold">{{trans("stores_dashboard.from")}} </label>'+
                                            '<input type="time"  class="p-3 border round5 w-100" name="from[]" id="">'+
                                        '</div>'+

'<div class="col-md  p-1">'+
                                            '<label class="bold">{{trans("stores_dashboard.to")}}</label>'+
                                            '<input type="time" class="p-3 border round5 w-100" name="to[]" id="">'+
                                        '</div>'+

'<div class="col-md-1  p-1">'+
                                        '<div class="d-flex align-items-center flex-column">'+
                                            '<label class="bold sn" style="color: #fff;">.</label>'+
                                            '<a class="button-error material-button" onclick="removeTime(this)" ><i class="fa fa-times"></i></a>'+
                                        '</div>'+
                                        '</div>'+
                                    '</div>'+
                                '</div>'+
                                '</div>';

// cont.innerHTML += theHtml;
                                $('.time-cont').append(time);
        //     let times = document.getElementsByClassName('time');
        //     for(let i = 0 ;i < times.length ;i++){
        //         times[i].querySelector('.time-add-button').classList.add('d-none');
        //         times[i].querySelector('.time-remove-button').classList.remove('d-none');
        //     }
        //     times[0].querySelector('.time-add-button').classList.remove('d-none');
        //     times[0].querySelector('.time-remove-button').classList.add('d-none');
        }

function removeTime(rmButton){
            $(rmButton).parents(".times-cont").remove();
        }

</script>
 <script>
        $("#postbtn").on('click',function(e){
            e.preventDefault();
            var form = $('#postForm').get(0);
            var formData = new FormData(form);
            var oldText = $(this).text();
            $(this).prop('disabled', true).css({
                opacity:'0.5'
            }).text("{{trans('stores_dashboard.loading')}}");

$.ajax({
                url:"{{route('stores_dashboard.post_edit_branch')}}",
                type:"POST",
                data: formData,
                dataType: "json",
                processData: false,
                contentType: false,
                cache: false,
                success:function(data){
                    $('#postbtn').removeAttr("disabled").css({
                        opacity:'1'
                    }).text(oldText);
                    if(data.key =='success'){
                        Swal.fire({
                            title: data.msg,
                            position:'top',
                            timer: 15000,
                            type:'success',
                            showCloseButton: false,
                            showConfirmButton:false,
                            animation: true
                        })
                        location.assign(data.url);
                    }else{
                        Swal.fire({
                            title: data.msg,
                            position:'top',
                            timer: 3000,
                            type:'error',
                            showCloseButton: false,
                            showConfirmButton:false,
                            animation: true
                        })
                    }
                }
            });
        });
    </script>
@endsection

Back to File Manager