@foreach($data['services_details'] as $service)

@if($service->serviceTypes->count() > 0)
<div class="row_inner_wrap">
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-3 inner_row">
                <input type="text" id="{{$service->service_uuid}}"
                    name="department"
                    value="{{$service->service_title}}"
                    class="department_edit form-control" readonly>
                <i class="fa fa-check edit_dept"
                    data-uuid="{{$service->service_uuid}}"
                    data-type="department"></i>

            </div>

            <div class="col-md-2 inner_row">
                <select class="select2 select_designation" name="">
                    <option></option>
                    @foreach ($service->serviceTypes as $servicetype)
                    <option data-file="{{ $servicetype->pdf_file }}"
                        data-owner="{{ $servicetype->service_owner }}"
                        value="{{$servicetype->service_type_uuid}}">
                        {{$servicetype->service_type_title}}
                    </option>
                    @endforeach
                </select>

            </div>

            <div class="col-md-2 inner_row">
                <select class="select2 select_email" name="email">
                    <option></option>
                    @foreach ($data['emails'] as $email)
                    <option
                        {{ ($service->email_template_uuid == $email->email_body_uuid) ? 'selected':'' }}
                        value="{{$email->email_body_uuid}}">
                        {{$email->title}}
                    </option>
                    @endforeach
                </select>

            </div>

            <div class="col-md-2 inner_row">
                <input type="text" name=""
                    placeholder="Enter service types"
                    class="form-control write_designation edit_servicetype">
                <div class="add_des_edit">
                    <div class="update_icon">
                        <i class="fa fa-check add_edit_dept edit_service_type"
                            data-uuid=""></i>
                    </div>
                    <div class="del_icon" style="display: none">
                        <i class="fa fa-trash-o del_service_type"
                            aria-hidden="true" data-uuid=""></i>
                    </div>
                </div>
            </div>
            <div class="col-md-2 inner_row">
                <select class="select2 select_owner" name="">
                    <option></option>
                    @foreach($data['owner'] as $owner)
                    <option value="{{$owner->admin_uuid}}">
                        {{$owner->full_name}}
                    </option>
                    @endforeach
                </select>
            </div>


            <div class="del_icon new_icon">
                <i class="fa fa-trash-o del del_department del_service"
                    aria-hidden="true" style="visibility: visible"
                    data-uuid="{{$service->service_uuid}}"></i>
            </div>
            <div class="upload_new_icon" style="display: none;"
                data-toggle="modal" data-target="#staticBackdrop">
                <i class="fa fa-image" data-uuid=""></i>
            </div>
            <div class="upload_exist_icon" style="display: none;"
                data-toggle="modal" data-target="#staticBackdrop">
                <i class="fa fa-upload" data-uuid=""></i>
            </div>
            <div class="add_icon" style="display: none;"><i
                    class="fa fa-plus add_row add_single_service_type "
                    data-uuid="{{$service->service_uuid}}"></i>
            </div>
            <div class="edit_icon" style="display: none;">
                <i class="fa fa-check edit_row edit_service_email"
                    data-uuid="{{$service->service_uuid}}"></i>
            </div>

        </div>
    </div>
</div>
@endif
@endforeach
<form id="new_service" enctype='multipart/form-data'>
    <div class="row_inner_wrap">
        <div class="row">
            <div class="col-md-12">
                <div class="col-md-3 inner_row">
                    <select
                        class="select2 select_service select2-hidden-accessible validate"
                        name="services" tabindex="-1"
                        aria-hidden="true">
                        <option value=""></option>
                        @foreach($data['services'] as $service)
                        <option
                            value="{{ $service->service_uuid }}">
                            {{ $service->title }}</option>
                        @endforeach
                    </select>
                </div>
                
                <div class="col-md-2 inner_row">
                    <select
                        class="select2 select_designation select2-hidden-accessible"
                        name="" tabindex="-1" aria-hidden="true">
                        <option value=""></option>
                    </select>
                </div>
                <div class="col-md-2 inner_row">
                    <select
                        class="select2 select_new_email select2-hidden-accessible"
                        name="email" tabindex="-1"
                        aria-hidden="true">
                        <option value=""></option>
                        @foreach($data['emails'] as $email)
                        <option
                            value="{{ $email->email_body_uuid }}">
                            {{ $email->title }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2 inner_row">
                    <input id="test" type="text"
                        name="service_types"
                        placeholder="Enter Service Types"
                        class="form-control validate write_designation">
                </div>
                <div class="col-md-2 inner_row">
                    <select
                        class="select2 select_owner validate select2-hidden-accessible"
                        name="owner" tabindex="-1"
                        aria-hidden="true">
                        <option value=""></option>
                        @foreach($data['owner'] as $owner)
                        <option value="{{ $owner->admin_uuid }}">
                            {{ $owner->full_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="del_icon">
                    <i class="fa fa-trash-o del del_department"
                        aria-hidden="true" style="display: none;"
                        data-uuid=""></i>
                </div>
                <div class="upload_icon" style="display: none;"
                    data-toggle="modal"
                    data-target="#staticBackdrop">
                    <i class="fa fa-image" data-uuid=""></i>
                </div>
                <div class="add_icon" style="visibility: visible">
                    <i class="fa fa-plus add_row add_row_department"
                        data-uuid=""></i>
                </div>
                <div class="edit_icon" style="display: none;">
                    <i class="fa fa-check edit_row edit_row_department"
                        data-uuid=""></i>
                </div>

            </div>
        </div>
    </div>
</form>
<script>
    $(document).ready(function () {
        $('.select2').select2({
            placeholder: '--Select--',
            allowClear:true
        });
    });

</script>